Renk Kontrast Denetleyicisi

AA seviyesi (minimum): normal metin için 4.5:1, büyük metin için 3:1 gereklidir. AAA seviyesi (gelişmiş): normal metin için 7:1, büyük metin için 4.5:1 gereklidir. Büyük metin, normal ağırlıkta 18pt (24px) veya daha büyük ya da kalın ağırlıkta 14pt (yaklaşık 18.67px) veya daha büyük metin olarak tanımlanır. Çoğu kuruluş AA'yı hedefler; AAA sağlık veya hukuki metinler için önerilir.

WCAG formülü şudur: (L1 + 0.05) / (L2 + 0.05); burada L1 daha açık rengin göreli parlaklığı, L2 ise daha koyu rengin göreli parlaklığıdır. Göreli parlaklık, gama düzeltmeli RGB değerleri kullanılarak hesaplanır. Saf beyaz (1.0) ile saf siyah (0.0) maksimum 21:1 oranını verir. Bu araç hesaplamayı anında yapar.

Normal ağırlıkta en az 18pt (24px) veya kalın ağırlıkta en az 14pt (yaklaşık 18.67px) büyüklüğündeki metinlerdir. Büyük metin, daha düşük kontrasta daha toleranslı bir gereksinime (AA için 3:1) sahiptir; çünkü büyük karakterler düşük kontrastta daha kolay okunur. 16px kalın bir yazı tipi büyük metin olarak nitelendirilebilir.

Seçtiğiniz renkler kontrast gereksinimlerini karşılamadığında, araç otomatik olarak benzer tonu koruyan ancak WCAG AA'yı karşılamak için açıklığı ayarlayan alternatif ön plan veya arka plan renkleri önerir. Anında uygulamak için herhangi bir öneriye tıklayın; HSL açıklık değerlerini elle tahmin etmek gerekmez.

Aralık 1:1 (kontrast yok — özdeş renkler) ile 21:1 (maksimum — saf beyaz üzerine saf siyah) arasındadır. 4.5:1 oranı, daha açık rengin daha koyu renkten 4.5 kat daha parlak olduğu anlamına gelir. Yaygın örnekler: beyaz üzerine siyah = 21:1, beyaz üzerine koyu gri = 7-15:1, beyaz üzerine orta gri = 3-5:1 (sınırda), beyaz üzerine açık gri = çoğunlukla 3:1'in altında (başarısız).

Araç, WCAG testi için doğru yaklaşım olan katı HEX renklerini kullanır. WCAG, kullanıcı tarafından algılanan son işlenmiş renginin test edilmesini gerektirir. rgba saydamlığı kullanıyorsanız, saydam renk kodunun kendisini değil, gerçek karışık rengi (metnin gerçek arka planda nasıl göründüğünü) test edin.

Hayır. Tüm hesaplamalar tarayıcınızda JavaScript aracılığıyla çalışır. Hiçbir renk değeri herhangi bir sunucuya iletilmez.