WCAG Kontrast Denetleyici
Metin/arka plan renk çiftinin kontrast oranını WCAG AA ve AAA kriterlerine göre denetleyin — normal ve büyük metinde canlı önizlemeli.
802 görüntülenme
Hızlı kahverengi tilki tembel köpeğin üstünden atlar
Büyük metin örneği 24px
Oran Ne Anlatıyor?
Kontrast oranı iki rengin bağıl parlaklığını karşılaştırır: 1:1 (aynı renk) ile 21:1 (beyazda siyah) arasında. WCAG normal metin için 4,5:1 (AA), büyük metin için 3:1 ister (≥24 px veya ≥18,7 px kalın); daha sıkı AAA seviyesi 7:1 ve 4,5:1 arar. Arayüz bileşenleri ve grafikler komşu renklere karşı 3:1 gerektirir.
Hesap, her sRGB kanalını doğrusallaştırıp ağırlıklandırır (L = 0,2126R + 0,7152G + 0,0722B) ve (L₁+0,05)/(L₂+0,05) oranını alır. Sezgi burada sık yanılır — beyaz üzerinde orta gri #777 çoğu göze yeterli görünür ama 4,48:1 ile AA'yı kıl payı kaçırır. Paylar; az gören kullanıcılar, güneş ışığı ve ucuz ekranlar içindir.
Sıkça Sorulan Sorular
Metinle arka planı takas etmek oranı değiştirir mi?
Hayır — formül her zaman açık rengi paya koyar, oran simetriktir. Okunurluk öznel olarak farklı hissedilebilir (koyuda açık metnin ışıması) ama WCAG puanı aynıdır.
Büyük metin neye denir?
24 px (18 pt) normal veya ~18,7 px (14 pt) kalın ve üstü. Büyük metinden AA'da yalnız 3:1 istenir çünkü iri harfler düşük kontrastta da okunur kalır.
Marka rengim geçemiyor — ne yapayım?
Dekorda tutun, metin kullanımını geçene kadar koyulaştırıp açın; ton skalası üretici bunun için birebir. Placeholder ve devre dışı durumlar gereklilikten muaftır ama onları da makul tutun.
Benzer Araçlar
Sorun Bildir
WCAG Kontrast Denetleyici