Renk Kodu Çevirici

HEX (#rrggbb) onaltılık (16'lık) gösterimdir; RGB (rgb(r,g,b)) ise 0–255 ondalık değerlerdir. İkisi de aynı rengi temsil eder; bu araç ikisi ve HSL/HSV/CMYK arasında anında dönüştürür.

Her ikisi de rengi ton (hue), doygunluk (saturation) ve aydınlık/parlaklık ekseninde tanımlar. HSL'de üçüncü değer aydınlıktır (lightness): 0% siyah, 100% beyaz, 50% saf renk. HSV'de ise parlaklıktır (value): 100% en canlı renk, 0% siyah. HSL tonlar/gölgeler ve tema değişkenleri üretirken sezgiseldir; HSV ise renk seçicilerde rengin canlılığını ayarlamak için kullanılır. Bir tonu sabit tutup yalnızca aydınlığı değiştirerek tutarlı palet türetmek HSL ile çok kolaydır.

RGB toplamalı (ışık) bir modeldir; ekranlar için kullanılır ve renkler ışık ekledikçe beyaza yaklaşır. CMYK ise çıkarmalı (boya/mürekkep) bir modeldir; baskı için kullanılır ve mürekkep ekledikçe siyaha yaklaşır. RGB'nin gösterebildiği canlı renklerin bir kısmı CMYK gamutunun dışında kaldığından, ekrandaki bazı parlak renkler baskıda daha sönük çıkabilir. Baskı işleri için tasarımı CMYK değerlerine göre kontrol etmek gerekir.

Ekran rengi RGB ışıkla (toplamalı), baskı ise CMYK mürekkeple (çıkarmalı) üretilir; ikisinin renk gamutu farklıdır. Ayrıca monitör kalibrasyonu, parlaklık, ortam ışığı, kâğıt türü ve mürekkep emilimi sonucu etkiler. Kritik marka renklerinde güvenli yol, bir baskı provası almak ve gerekirse Pantone gibi nokta renk referansları kullanmaktır. Bu araçtaki CMYK değerleri başlangıç noktası verir, ancak nihai tonu baskı sağlayıcısıyla doğrulayın.

HEX8 (#rrggbbaa) sonundaki iki haneyle opaklığı (alfa) belirtir; 00 tamamen saydam, FF tamamen opaktır. Alfa, rengin altındaki içerikle ne kadar karışacağını belirler ve yalnızca görüntülemeyi etkiler, asıl renk değerini değiştirmez. Alfa kaydırıcısını değiştirdiğinizde HEX8, RGBA ve HSLA değerleri otomatik güncellenir.

Metnin okunabilirliği için yazı ile arka plan arasında yeterli kontrast gerekir. AA için normal metinde ≥4.5:1, büyük metinde ≥3:1; AAA için ≥7:1 önerilir. Düşük kontrast, görme güçlüğü çekenler ve parlak ortamlarda herkes için içeriği okunamaz hâle getirir; ayrıca erişilebilirlik mevzuatı açısından da gereklidir. Araç, seçtiğiniz rengin beyaz ve siyah üzerindeki kontrast oranını ve AA/AAA durumunu gösterir.

Renk harmonisi, bir ana renge göre uyumlu renk gruplarıdır (tamamlayıcı, benzeşik, üçlü, dörtlü, bölünmüş tamamlayıcı) ve renk tekerleğinde belirli açılarla türetilir. Pratik bir marka paleti için: önce bir ana (birincil) renk seçin, harmonilerden bir veya iki vurgu rengi belirleyin, ardından tonlar (tint, beyazla açılmış) ve gölgeler (shade, siyahla koyulaştırılmış) üreterek arayüz durumları için bir ölçek oluşturun. Her metin/arka plan kombinasyonunu WCAG kontrast aracıyla doğrulayın; böylece hem estetik hem erişilebilir bir sistem elde edersiniz.