Renk Kontrastı Kontrol Aracı
Metin ve arka plan renkleri arasındaki WCAG kontrast oranını kontrol edin.
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız hiçbir zaman bir sunucuya yüklenmez.
17.74:1
Contrast ratio
Pass
AA — normal text
Pass
AA — large text
Pass
AAA — normal text
Pass
AAA — large text
Bu kontrol aracı ne yapar?
Bir ön plan (metin) rengi ile bir arka plan rengi arasındaki WCAG göreli parlaklık kontrast oranını hesaplar ve bu oranın her erişilebilirlik eşiğini geçip geçmediğini gösterir.
Nasıl kullanılır?
Ön plan ve arka plan renklerini üç veya altı haneli HEX değer olarak girin. Kontrast oranı, çiftin canlı önizlemesi ve geçti/kaldı sonuçları yazdıkça güncellenir.
Örnek hesaplama
Beyaz (#ffffff) arka plan üzerinde #767676 ön plan yaklaşık 4,54:1 kontrast oranı verir — normal metin için AA'yı (4,5:1 gerekir) ve büyük metin için AA'yı geçer, ancak AAA normali (7:1 gerekir) karşılamaz.
WCAG eşikleri
Araç dört eşiği kontrol eder: normal metin için AA 4,5:1, büyük metin için AA 3:1, normal metin için AAA 7:1 ve büyük metin için AAA 4,5:1. Büyük metin, 18pt ve üzeri veya kalın 14pt anlamına gelir.
Kontrast neden önemli?
Yeterli kontrast, düşük görme veya renk körlüğü olan kullanıcılar için metni okunabilir kılar; bu eşikleri karşılamak WCAG uyumlu web siteleri için bir gerekliliktir.
Sınırlamalar
Bu araç yalnızca girdiğiniz iki opak sRGB rengi kontrol eder — yazı boyutu veya kalınlığını, saydamlığı, gradyanları, arka plan resimlerini, etkileşim durumlarını veya sayfanızın geri kalanını incelemez; bu yüzden bir geçişi tam bir denetim değil tek bir erişilebilirlik kontrolü olarak değerlendirin.
Gizlilik
Hesaplama tamamen tarayıcınızda çalışır; girdiğiniz renkler yüklenmez.
Sıkça Sorulan Sorular
- WCAG AA için hangi kontrast oranı gerekli?
- Normal metin için en az 4,5:1, büyük metin için (18pt+ veya kalın 14pt+) 3:1.
- Peki WCAG AAA?
- AAA daha katıdır: normal metin için 7:1, büyük metin için 4,5:1.
- Erişilebilirlik kontrastı neden önemli?
- Yeterli kontrast, düşük görme veya renk körlüğü olan kullanıcılar için metni okunabilir kılar ve WCAG uyumlu web siteleri için gereklidir.
İlgili Araçlar
Renk Adı Bulucu
Herhangi bir hex kod için en yakın isimli renk eşleşmesini bulun.
CMYK Renk Dönüştürücü
Herhangi bir hex veya RGB rengi baskı için CMYK'ya dönüştürün.
Gradyan CSS Oluşturucu
İki renkli bir CSS gradyanı oluşturun ve kodu anında kopyalayın.
Analog Renk Oluşturucu
Herhangi bir temel renkten uyumlu bir analog renk şeması oluşturun.
Renk Körlüğü Simülatörü
Bir rengin protanopi, döteranopi veya tritanopi ile nasıl göründüğünü önizleyin.
Renk Paleti Oluşturucu
Tek tıkla rastgele 5 renkli bir palet oluşturun.