HEX Renk Kodu nedir?

HEX kodu nasıl okunur?

Bir HEX kodu üç çiftten oluşur: #RRGGBB. İlk çift kırmızı (Red), ikinci çift yeşil (Green), üçüncü çift mavi (Blue) bileşeninin şiddetini gösterir. Her çift 00 ile FF arasında bir değer alır. Onaltılık sistemde rakamlar 0-9'dan sonra A-F harfleriyle devam eder; FF, onluk sistemde 255'e karşılık gelir.

Yani bir HEX kodu aslında bir RGB değerinin kısa yazımıdır:

Her kanal 256 değer alabildiği için toplam 256 × 256 × 256 = 16.777.216 farklı renk tanımlanabilir. Üç kanalın değeri eşitse sonuç her zaman bir gri tonudur. Bir kanalın değerini artırmak o rengi ekler; örneğin #808080 grisinin ilk çiftini C0 yaparsanız gri, kırmızıya kayan sıcak bir tona dönüşür.

Kısa ve uzun yazımlar

• Üç haneli kısa yazım: Her çiftin iki hanesi aynıysa kısaltılabilir. #FF6600 yerine #F60, #FFFFFF yerine #FFF yazılabilir.
• Sekiz haneli yazım: Sona eklenen iki hane saydamlığı (alfa) belirtir. #1E3A5F80, yaklaşık yarı saydam koyu lacivert demektir.
• Büyük-küçük harf: #ff6600 ile #FF6600 aynı renktir.

İşletmeniz için ne anlama gelir?

"Bizim rengimiz bordo" demek, beş farklı tasarımcıya beş farklı bordo ürettirir. "Bizim rengimiz #7A1F2B" demek ise web sitesinde, sosyal medya şablonlarında ve sunumlarda birebir aynı tonu garanti eder. Bu yüzden renk paletinizin her rengi için HEX kodunun yazılı olması gerekir. Web geliştiricisi bu kodu doğrudan CSS'e yazar:

.buton { background-color: #7A1F2B; color: #FFFFFF; }

Elinizde yalnızca bir logo görseli varsa, tasarım programlarındaki damlalık aracıyla rengi seçip HEX kodunu öğrenebilirsiniz. HEX, RGB ve diğer biçimler arasında dönüşüm için renk kodu dönüştürücü aracını kullanabilirsiniz.

Sık yapılan hatalar

• HEX kodunu baskı için yeterli sanmak. HEX bir ekran rengidir; matbaaya CMYK veya Pantone karşılığını vermeniz gerekir.
• # işaretini unutmak; bazı araçlar kodu tanımaz.
• Sıfır (0) ile O harfini karıştırmak. HEX kodunda O harfi bulunmaz.
• Sıkıştırılmış bir JPG görselinden damlalıkla renk almak; sıkıştırma tonları değiştirebileceği için kodu orijinal vektör dosyadan alın.

HEX ile RGB ve HSL farkı

HEX ve RGB aynı bilgiyi farklı yazımla verir: biri onaltılık, diğeri onluk. HSL ise rengi ton (hue), doygunluk (saturation) ve açıklık (lightness) olarak tanımlar; bir rengin daha açık veya daha soluk versiyonunu üretmek HSL'de daha sezgiseldir. Tarayıcılar üçünü de anlar. Kurumsal belgelerde genellikle HEX tercih edilir, çünkü kısa ve kopyalanması kolaydır.