3 vs 6 Haneli Hex Renk Kodu: Kısaltma Ne Zaman Çalışır?

#FFF ve #FFFFFF, her tarayıcıda birebir aynı saf beyazı işaret eder — 3 haneli form, 6 haneli olanın daha kaba bir yaklaşığı değildir, CSS spesifikasyonunun tanımladığı tam bir kısaltmadır. Ancak bu eşdeğerlik yalnızca belirli bir renk kümesi için geçerlidir: kısaltma her haneyi ikileyerek çalışır, bu yüzden yalnızca her kanalın FF, 66 veya 00 gibi tekrarlanan bir çift olduğu renkleri temsil edebilir. Renklerin çoğu bu şartı sağlamaz ve 3 hanede hiçbir şekilde yazılamaz.

Açılım kuralı

W3C CSS Color Module'e göre 3 haneli bir hex renk #RGB, her karakteri ikileyerek 6 haneye açılır: #RGB, #RRGGBB olur. Yani #F63, #FF6633 olarak açılır — F, FF olur, 6, 66 olur, 3, 33olur. Bu tamamen mekanik bir hane tekrarıdır, enterpolasyon veya yuvarlama değildir — kısaltmanın "ortalamasını aldığı" #FF6633 ile komşu bir 6 haneli değer arasında bir renk yoktur.

Hangi renkler kısaltmaya uygun

Pratikte, 6 haneli bir hex kodun temsil edebileceği 16,7 milyon rengin yalnızca küçük bir kısmı kısaltmaya uygundur — her kanal 256 olası bayt değeri yerine 16 ikilenmiş-hane değeriyle sınırlı olduğu için tam olarak 16 × 16 × 16 = 4.096 / 16.777.216. Gerçek dünyadaki marka renklerinin, fotoğraftan örneklenen renklerin ve tasarım araçlarından dışa aktarılan renklerin çoğu bu kümenin dışında kalır ve 6 hanede kalmaya devam eder.

CSS yazarken neden önemli

Kısaltma, yalnızca küçük bir sayıda yuvarlak ve yaygın renk (saf beyaz, saf siyah, birincil kırmızı/yeşil/mavi) elle yazılırken bir kolaylıktır — üç karakter kazandırır, başka bir şey değil. İki form arasında performans ya da render farkı yoktur, bu yüzden bir renk seçiciden gelen ya da tasarım yazılımından dışa aktarılan çoğu renk, rastlantısal olarak ikilenmiş bir hane değerine denk gelmediği için 6 hanede kalır. Bir hex değerinin geçerli olup olmadığından emin değilseniz ya da hane sayısından bağımsız olarak eşdeğer RGB sayılarını istiyorsanız, bir hex - RGB dönüştürücü her iki formu da aynı şekilde işler.