Renk kontrast denetleyicisi
İki renk girin ve AA ile AAA rehberliğiyle WCAG kontrast oranını anında görün.
Ön plan ve arka plan renklerini hex veya RGB olarak girerek WCAG kontrast oranını anında hesaplayın, AA/AAA sonuçlarını görün, metin önizlemesi alın ve isteğe bağlı ayarlama önerileri edinin.
Bu renk kontrast denetleyicisi nasıl kullanılır
Ön plan ve arka plan rengini yazın veya yapıştırın. Araç geçerli girdiyi büyük harf hex'e normalize eder, WCAG kontrast oranını anında hesaplar ve AA ile AAA eşikleri için geçti/geçmedi gösterir. Düzeltme öner, URL ile paylaş veya sıfırla.
WCAG kontrast oranı eşikleri
WCAG 2.x normal metin AA için en az 4,5:1, büyük metin AA için 3:1, normal metin AAA için 7:1 ve büyük metin AAA için 4,5:1 ister. Bu araç karşılaştırma için dört sonucu her zaman gösterir.
Desteklenen renk formatları
#RGB, #RRGGBB, rgb(r,g,b) veya virgülle ayrılmış r,g,b girin. Kanallar 0–255 tam sayı olmalıdır. Alfa şeffaflığı, 8 haneli hex, HSL/HSLA ve CSS adlandırılmış renkleri v1'de desteklenmez.
Geçti ve geçmedi ne anlama gelir
Geçti, hesaplanan oranın o seviye eşiğini karşıladığı veya aştığı anlamına gelir. Geçmedi ise karşılamadığı anlamına gelir. Sonuçlar yalnızca renge dayanmasın diye etiketler ve simgeler de gösterilir.
Sıkça Sorulan Sorular
Alfa ve gradyanlar neden desteklenmiyor?
Sürüm 1 yalnızca tamamen opak sRGB renklerini değerlendirir. Alfa karışımı ve gradyanlar, bu aracın henüz modellemediği bileşim kuralları gerektirir; rgba(), 8 haneli hex ve gradyan analizi MVP kapsamı dışındadır.
Kontrast oranı nasıl hesaplanır?
Denetleyici opak sRGB için WCAG göreli parlaklık formülünü kullanır: kanalları doğrusallaştırır, parlaklığı hesaplar, sonra (açık + 0,05) / (koyu + 0,05) uygular. Gösterim iki ondalık basamağa yuvarlanır; eşik kontrolleri tam değeri kullanır.
Düzeltme öner ne yapar?
Seçilen ön plan veya arka plan rengini siyah veya beyaza doğru parlaklık yolunda deterministik olarak kaydırarak seçilen WCAG seviyesine ulaşır ve mümkünse en yakın uyumlu hex ile sonuç oranını döndürür.
Belirli bir renk çiftini paylaşabilir miyim?
Evet. Geçerli ön plan, arka plan ve metin boyutu değerleri URL parametrelerine senkronize edilir (?fg=000000&bg=FFFFFF&size=normal gibi) ve doğrudan sonuca bağlanabilir.
Sayfa renklerimi kaydeder mi?
Hesaplamalar tamamen tarayıcınızda çalışır. Son geçerli renk çifti kolaylık için cihazınızda localStorage'a kaydedilebilir; Sıfırla girişleri, URL parametrelerini ve kayıtlı durumu temizler.