Görüntüyü yuvarlayan ama kararı yuvarlamayan bir renk dönüştürücü
4,496 kontrast oranı 4,50 : 1 olarak görünür ve yine de AA'yı geçemez. Geçti ya da kaldı testi tam değeri kullanır, yalnızca etiket yuvarlanır. Dönüştürücü tarafında HSL ve CMYK tam sayıya yuvarlanır. CMYK, ICC profili olmayan, RGB'den yapılan düz matematiksel dönüşümdür; bu yüzden bir matbaa farklı bir sonuç elde edebilir. Renk dönüştürücü, orta tonda bir mavi olan #3b82f6 ile başlar. Sonuç rgb(59, 130, 246), hsl(217, 91%, 60%) ve cmyk(76%, 47%, 0%, 4%) olur.
#003366 ve #999999 ile denemek
Bir marka mavisi #003366 olarak gelir. CSS'te daha açık ve daha koyu varyantlar istersiniz ve HSL bunu kolaylaştırır: araç hsl(210, 100%, 20%) verir, siz de yalnızca son sayıyı artırırsınız. Bir broşür için aynı mavi, matbaaya vereceğiniz ilk değer olarak cmyk(100%, 50%, 0%, 60%) şeklinde okunur.
Beyaz üzerinde #999999 gibi açık gri bir yer tutucu 2,85 : 1 verir. Bu, büyük metin için bile AA'yı geçemez. Beyaz üzerinde varsayılan #2563eb 4,68 : 1 verir; bu, gövde metni için AA'yı geçer ama AAA'yı geçmez.
Bir renk ve bir kontrast çifti için adımlar
- Tarayıcınızın renk seçicisini açmak için renk örneğine tıklayın ya da HEX alanına bir kod yapıştırın. Altı hane ve üç haneli kısa biçim (#0af) baştaki # ile veya onsuz çalışır.
- RGB, HSL ve CMYK (baskı) alanlarını okuyun. Bir alanın değerini panoya almak için üstündeki kopyalama düğmesine basın.
- Sağ paneli açın ve Metin rengi ile Arka plan'ı belirleyin.
- Oranı ve dört rozeti okuyun: AA Normal, AAA Normal, AA Büyük ve AAA Büyük. Bir renk seçtiğinizde her seferinde güncellenirler.
Alanların kabul ettikleri ve yerel kalanlar
Dönüştürmeyi yalnızca HEX alanı ve seçici yönlendirir. RGB ve HSL alanları düzenlenebilir görünür ama içlerine yazmak hiçbir şeyi değiştirmez. CMYK salt okunurdur.
HEX alanı, içeriği geçerli bir kod olur olmaz kendini yeniden yazar. #ff0000 yolunda #ff0 yazarsanız alan #ffff00'a atlar; bu yüzden kodun tamamını yapıştırın. Sekiz haneli kodlar (alfa), "tomato" gibi adlandırılmış renkler ve OKLCH ya da HSV gibi gösterimler desteklenmez. Geçersiz girdi hata iletisi olmadan yok sayılır.
İki kontrast seçici dönüştürücüden ayrı çalışır ve yalnızca seçiciden gelen renkleri kabul eder. Araç yazı tipi boyutunuzu bilmez. WCAG, 18 pt'den ya da kalın 14 pt'den itibaren metne büyük der.
Dönüştürme ve kontrast tarayıcınızda JavaScript ile çalışır. Bir renk seçmek veya yazmak hiçbir istek göndermez; geliştirici araçlarınızın ağ paneli bunu gösterir. Kopyalama düğmeleri panonuza yazar. Aracın kodu renklerinizi saklamaz.