Renk Dönüştürücü nasıl kullanılır?
- 1Renk değerini HEX, RGB ya da HSL olarak yazın; ya da kutucuğa tıklayarak seçici ile seçin.
- 2Diğer biçimler otomatik hesaplanır; satır yanındaki düğmeyle kopyalayın.
- 3Aşağıda beyaz ve siyah zeminle kontrast oranını inceleyin.
HEX, RGB ve HSL arasındaki fark
- HEX: #318470 — kırmızı, yeşil ve mavi değerlerinin onaltılık yazımı. Web'de en yaygın biçim.
- RGB: rgb(49, 132, 112) — her kanal 0–255 arasındadır.
- HSL: ton (0–360°), doygunluk ve açıklıktan oluşur. Bir rengi koyulaştırıp açmak için en kullanışlı biçimdir.
Kontrast ve erişilebilirlik
WCAG, normal metin için arka planla en az 4,5:1 kontrast ister (AA); büyük metin için 3:1 yeterlidir. Düşük kontrast, ekranı güneş altında okuyanlar ve görme güçlüğü olanlar için metni okunmaz hâle getirir.
Marka renginizi düğme arka planı olarak kullanacaksanız üzerindeki yazının kontrastını bu araçla doğrulayın.
Sık sorulan sorular
HEX koduna şeffaflık (alfa) eklenebilir mi?
8 haneli HEX (#RRGGBBAA) ve rgba() şeffaflığı destekler; bu araç opak renklerle çalışır ve şeffaflık değerini yok sayar.
3 haneli HEX ne demek?
#abc, #aabbcc'nin kısaltmasıdır; her hane iki kez yazılmış sayılır.
Hangi renk biçimini kullanmalıyım?
Hepsi tarayıcıda aynı rengi verir. Tonu ayarlamak için HSL, hazır paletlerle çalışırken HEX pratiktir.