Renk Çevirici (HEX, RGB, HSL)
HEX, RGB, HSL, HSV ve CMYK arasında çevir. Kontrast oranını ölç, açık ve koyu tonlar üret.
Nasıl yapılır
- Renk kodunu yaz ya da renk seçiciden seç.
- Bütün biçimleri sağda oku, tek tıkla kopyala.
- Kontrast oranına bak, ton listesinden yeni renk seç.
Neden bu araç
- Beş biçim: HEX, RGB, HSL, HSV ve CMYK.
- Girdi olarak #1f6feb, rgb(...) ya da hsl(...) kabul edilir.
- Beyaz, siyah ve seçtiğin ikinci renkle WCAG kontrast oranı.
- Normal ve büyük yazı için AA ve AAA sonucu.
- Açık ve koyu ton skalası; tıklayınca o tona geçer.
Renk kodları aynı rengi farklı yollarla anlatır. HEX kısadır ve yapıştırması kolaydır; CSS ile tasarım araçlarında standarttır. RGB aynı bilgiyi 0 ile 255 arası üç sayı olarak verir; saydamlık gerekince rgba pratiktir. HSL rengi ton, doygunluk ve açıklık olarak ayırır. CMYK baskı için dört mürekkep oranıdır.
HSL bir tasarım aracıdır. Bir markanın mavisinden on tonluk skala üretmen gerekiyorsa tonu sabit tut, sadece açıklığı değiştir. HEX üzerinde bunu elle yapmak zordur, HSL üzerinde tek sayıyı kaydırmakla olur. Bu araç hazır bir ton listesi de gösterir; bir tona tıklayınca o renge geçersin.
Kontrast bölümü erişilebilirlik içindir. WCAG 2.1 normal yazıda en az 4,5:1, büyük yazıda 3:1 oran ister. Büyük yazı 18,66 piksel kalın ya da 24 piksel normaldir. AAA seviyesi 7:1 ve 4,5:1 ister. Araç seçtiğin rengi beyaz, siyah ve ikinci bir renkle karşılaştırır ve her biri için AA ile AAA sonucunu yazar.
Sık bir hata açık gri metindir. #999999 beyaz üzerinde 2,8:1 verir ve sınıfta kalır. #767676 ise 4,54:1 ile sınırı geçer. Metin rengi seçerken bu sayıya bak.
Bütün hesap tarayıcında yapılır. Dış istek yoktur.
Sık sorulan sorular
Kontrast oranı ne demek?
İki rengin parlaklık farkının ölçüsüdür. 1:1 aynı renk, 21:1 siyah beyazdır. WCAG normal yazı için en az 4,5:1, büyük yazı için 3:1 ister.
Büyük yazı sınırı ne?
18,66 piksel kalın ya da 24 piksel normal ve üstü büyük yazı sayılır. Bu boyutlarda 3:1 yeterlidir.
HSL ne zaman işe yarar?
Ton skalası üretirken. Tonu (H) sabit tut, açıklığı (L) değiştir; uyumlu bir renk ailesi çıkar. HEX ile bunu elle yapmak zordur.
CMYK değerleri baskıya uygun mu?
Kabaca. Basit bir dönüşüm kullanılır, renk profili hesaba katılmaz. Ciddi baskı işinde matbaanın profilini kullan.
Renk körlüğü için ne yapmalıyım?
Bilgiyi sadece renkle verme. Simge, yazı ya da desen ekle. Yüksek kontrast oranı çoğu renk körlüğünde de işe yarar.
Veri sunucuya gidiyor mu?
Hayır. Bütün hesap tarayıcında yapılır. Dış istek yoktur.