Kontrast denetleyici
Metin ve arka plan renklerini belirterek kontrast oranını WCAG AA ve AAA eşiklerine göre denetleyin. Normal ve büyük metin için ayrı sonuçları, seçilen renklerle önizlemeyle birlikte görün.
Neler yapabilirsiniz
İki renk için oranı kontrol edin
Metin ve arka plan renklerini seçin ve kontrast oranını iki ondalık basamağa kadar görün.
AA ve AAA eşiklerini karşılaştırın
Seçilen renklerle bir önizleme dâhil normal ve büyük metin için ayrı sonuçları görün.
Siyah ve beyazla karşılaştırın
Metin rengini siyah ve beyaz arka planlarla karşılaştırmak için isteğe bağlı ayrıntıları açın.
Nasıl kullanılır
Metin rengini girin
HEX, RGB, HSL, HSV veya CMYK seçin ve metin rengini girin. Bir örnek seçmek girişi HEX'e geçirir.
Arka planı seçin
Üç veya altı haneli bir HEX değeri girin ya da renk seçiciyi kullanın. # ön eki isteğe bağlıdır.
Kontrastı denetleyin
Oranı, metin önizlemesini ve AA/AAA sonuçlarını incelemek için Kontrastı denetle seçeneğini seçin. Her iki rengi de değiştirdikten sonra yeniden kontrol edin.
Ne zaman işe yarar
Arka plan üzerindeki gövde metnini kontrol edin
Bir sayfada kullanılan renkleri girin ve normal metnin gereken oranı karşılayıp karşılamadığını kontrol edin.
Başlık renklerini karşılaştırın
Bir başlık için renk çifti düşünürken büyük metin sonucunu ve önizlemeyi kullanın.
Sonuçları okuma
AA ve AAA oranları
AA, normal metin için en az 4.5:1 ve büyük metin için 3:1 ister. AAA, normal metin için 7:1 ve büyük metin için 4.5:1 ister. Sonuçlar yuvarlanmamış oranı kullanır.
Büyük metin ne sayılır
Büyük metin en az 18 pt ya da 14 pt kalındır. CSS'te bu 24px ya da yaklaşık 18.7px kalın demektir. Önizleme, 16px ve 24px'te normal kalınlıktaki metni kullanır.
Kontrolün kapsamı
Bu kontrol, iki opak sRGB rengi arasındaki metin kontrastını ölçer. Görsel arka planları, alfa harmanlamayı, metin dışı öğeleri veya sayfanın tamamına uygunluğu değerlendirmez.
Sorular ve yanıtlar
Geçen bir oran, sayfanın tamamının uygun olduğu anlamına mı gelir?
Bu sonuç yalnızca seçilen iki renk arasındaki metin kontrastını kapsar. Sayfanın tamamına uygunluğu ayrıca değerlendirin.
Siyah-beyaz karşılaştırması ne gösterir?
Seçilen metin rengini siyah ve beyazla karşılaştırır ve hangisinin oranının daha yüksek olduğunu gösterir. Bu, seçilen arka plan sonucundan ayrıdır.
Saydam metni ya da görsel üzerindeki metni kontrol edebilir miyim?
Alfa ve görsel arka planlar desteklenmez. Opak metin ve arka plan renkleri girin.
Giriş ve çıkış
- Metin rengi
- HEX, RGB, HSL, HSV veya CMYK değerleri ya da renk seçici. CMYK, ICC profili olmadan yapılan bir tahmindir.
- Arka plan
- Üç veya altı haneli HEX ya da renk seçici. Alfa desteklenmez.
- Sonuç
- Kontrast oranı, normal ve büyük metin için AA/AAA sonuçları ve bir metin önizlemesi. Sonuçlar kaydetme işlemi olmadan gösterilir.