HEX, RGB ve HSL: tek rengin üç farklı anlatımı
Bir tasarım editörü HEX, başka dosya RGB veya HSL isteyebilir. Dönüştürmek aynı rengi taşır; otomatik iyileştirme veya ekranla baskının birebir eşleşmesi değildir.
HEX, RGB kanallarının kısa yazımıdır
6 basamaklı HEX’te her çift kırmızı, yeşil veya maviyi 0–255 arasında belirtir. 3 basamaklı kısa biçim her basamağı tekrarlar, araya sıfır koymaz.
Dönüştürücü opak sRGB ile çalışır ve 3 veya 6 basamaklı HEX kabul eder. CSS 8 basamakta alfa ekleyebilir; bu saydamlık biçimi aracın mevcut kapsamı dışındadır.
Kaynaklar: W3C CSS Color 4 — Hexadecimal RGB and HSL
HSL rengi tarif etme biçimini değiştirir
Ton, doygunluk ve açıklık; amaçsızca 3 kanal değiştirmek yerine daha soluk veya daha açık bir sürüm düşünmeye yardımcıdır.
HSL açıklığı, algılanan parlaklığın eşit aralıklı ölçüsü değildir. Farklı tonlarda aynı yüzde, aynı görünen açıklık veya metne uygunluk kanıtlamaz.
Kaynaklar: W3C CSS Color 4 — Hexadecimal RGB and HSL
Dönüşüm her tasarım kararını doğrulamaz
Okunabilirlik önemliyse yazıyı gerçek arka planıyla kontrol edin. Geçerli kod veya güzel örnek, yeterli kontrastı kanıtlamaz.
Baskıya veya başka renk uzayına geçerken özgün referansı saklayın. Bu ekran kalibrasyonu ya da CMYK dönüşümü değildir; HSL’den yeniden 8 bit RGB’ye yazım küçük yuvarlama farkları doğurabilir.
Örnek: rengi değiştirmeden kısa kodu açmak
#369, #336699 olur. 33, 66, 99 çiftleri RGB’de 51, 102, 153’tür; 3, 6, 9 değildir. Aynı rengin HSL değeri 210 derece, %50 doygunluk ve %40 açıklıktır.
Bunlar 3 ayrı ton değil, 3 anlatımdır. Açıklığı %60 yapmak başka renk seçer; alfa eklemek opak özgünde olmayan bir saydamlık kararıdır.