Renk Dönüştürücü — HEX, RGB, HSL
HEX, RGB, HSL ve CMYK arasında dönüştürün; WCAG kontrast oranını da birlikte görün. Tüm işlemler tarayıcınızda yapılır; girdiğiniz veri sunucuya gönderilmez.
Aynı renk her bağlamda farklı bir gösterime sahiptir: CSS'te HEX, canvas kodunda RGB, tonu değiştirmeden açıklığı ayarlamak istediğinizde HSL, baskıda CMYK. Bu dönüştürücü herhangi bir girdiden dördünü birden gösterir ve beyaz ile siyaha karşı WCAG kontrast oranını hesaplar; böylece o rengin üzerindeki yazının okunup okunmayacağını anında bilirsiniz.
Nasıl kullanılır
- Rengi herhangi bir biçimde yazın — #0e5a66, rgb(14, 90, 102) veya hsl(188, 76%, 23%) — ya da seçiciyi kullanın.
- Önizleme şeridi gerçek rengi gösterir ve tüm gösterimler birlikte güncellenir.
- Kodunuzun ihtiyacı olan biçimi kopyalayın.
- Rengi yazı için kullanmadan önce iki kontrast satırını kontrol edin. 4,5:1 altındaki oran normal boy yazı için WCAG AA'yı geçemez.
Sık sorulanlar
- Kontrast oranı kaç olmalı?
- WCAG AA normal yazı için 4,5:1, büyük yazı için (18pt veya 14pt kalın) 3:1 ister. AAA normal yazıyı 7:1'e çıkarır. Araç AA durumunu sizin için işaretler.
- HEX yerine neden HSL kullanayım?
- HSL tonu, doygunluğu ve açıklığı ayırır; böylece tek bir sayıyı değiştirerek palet kurabilirsiniz. HEX'te bir rengi yüzde 10 açmak üç değeri birden yeniden hesaplamak demektir.
- CMYK dönüşümü baskıya uygun mu?
- Hayır, hiçbir tarayıcı aracı olamaz. Bu standart, basit dönüşümdür. Gerçek baskı işi, kullanılacak kâğıt ve makineye özel bir ICC profili gerektirir.
- 3 haneli HEX kodları destekleniyor mu?
- Evet. #0cf, tıpkı CSS'te olduğu gibi #00ccff olarak açılır.