HTML Renk Kodu Hesaplama rehberi
HTML renk kodu aracı opak bir HEX rengi RGB ve HSL biçimlerine dönüştürür. Üç veya altı haneli kod yazabilirsiniz. Aynı rengin farklı CSS gösterimlerini karşılaştırmak ve tasarım dosyaları arasında aktarmak için kullanılabilir. Sonuç alfa kanalı içermez; ekran üzerindeki görünüm cihaz ayarlarına bağlı olabilir. Bu sayfa baskı için CMYK veya renk profili dönüşümü yapmaz.
Bu hesaplama aracı nasıl kullanılır?
- #RRGGBB veya #RGB biçiminde HEX kodunu yazın.
- Hesapla düğmesine basın.
- HEX, RGB ve HSL gösterimlerini kopyalarken ilgili biçimin tamamını kullanın.
Hesaplama formülü ve değişkenler
RGB kanalları onaltılıktan 0–255 aralığına çevrilir; HSL aynı rengin ton, doygunluk ve açıklık gösterimidir.
HEX ve RGB ilişkisi
Altı haneli kodda ilk iki hane kırmızı, sonraki iki yeşil, son iki mavi kanalı temsil eder. Her kanal 00 ile FF arasındadır; bu onluk sistemde 0–255 demektir. #FF0000 tam kırmızı, #000000 siyah, #FFFFFF beyazdır. Kanal sırasını değiştirmek farklı renk oluşturur.
Kısa HEX örneği
#3A7 kısa kodu her rakam iki kez yazılarak #33AA77 biçiminde genişletilir. Bu rengin RGB değeri 51, 170, 119’dur. Kısa kod yalnız aynı çiftlerin tekrar ettiği renkleri temsil eder; her altı haneli renk üç haneye kısaltılamaz. Büyük ve küçük onaltılık harfler aynı değeri taşır.
HSL nasıl okunur?
HSL ton açısı, doygunluk ve açıklık değerlerinden oluşur. Kırmızı örneğinde hsl(0, 100%, 50%) elde edilir. Gri renklerde doygunluk sıfırdır; belirli bir ton görsel olarak ayırt edilmez ve araç tonu 0 gösterir. HSL açıklığı tek başına metnin okunabilirliğini veya kontrast yeterliliğini kanıtlamaz.
Kapsam ve sık hatalar
Bu form üç veya altı onaltılık hane kabul eder. Sekiz haneli saydam renkler, renk isimleri ve rgb(…) ifadesi giriş değildir. Kodun başında # bulunabilir. Sonucu CSS içinde kullanırken biçime uygun noktalama korunmalıdır. Baskı veya farklı ekran profillerindeki renk eşleşmesini bu dönüşümden kesin olarak beklemeyin.
#FF0000 → rgb(255, 0, 0), hsl(0, 100%, 50%).
Sık sorulan sorular
#FFF kullanılabilir mi?
Evet; #FFF, #FFFFFF olarak genişletilir.
# kullanmak zorunlu mu?
Kod # ile veya onsuz girilebilir.
Saydam renk destekleniyor mu?
Hayır, bu sürüm opak sRGB içindir.
RGB kanalları kaç aralıkta?
Her biri 0–255 aralığındadır.
İlgili hesaplama rehberleri
İşleminizin sonraki adımı için ilgili aracı kullanabilirsiniz:
Hesaplama aracına dön ↑