WCAG Kontrast Denetleyicisi
Erişilebilir Renk & Palet Analiz Aracı
Monitörünüzde iyi görünen metinlerin başka biri için okunması gerçekten zor olabilir ve bunun nedeni genellikle kontrasttır. Kontrast Denetleyicisi ön plan ve arka plan rengini karşılaştırarak tam kontrast oranını hesaplar. Bu online araç, renk eşleşmenizin AA ve AAA eşiklerini geçip geçmediğini söyler; böylece erişilebilirlik tahmin olmaktan çıkar. Gövde metinlerini, düğmeleri ve bağlantı renklerini tasarıma göndermeden önce kolayca doğrulayın.
Renk Seçimi
Başlık Örneği (18pt / 24px Bold)
Bu bir paragraf metni örneğidir. WCAG yönergelerine göre, gövde metinlerinin okunabilirliği tüm kullanıcılar için kritik önem taşır. Ekran kontrast oranı düşük olduğunda göz yorulması oluşabilir ve okuma hızı düşer.
Renk Palet Kodları & Dönüştürücü
Ön plan ve arka plan renklerinizin tüm teknik değerleri ve CSS kodları
color: #FFFFFF;
background-color: #0F172A;
Kaydedilen Renk Çiftleri (Yerel Depolama)
Tarayıcınızda yerel olarak saklanan favori renk kombinasyonlarınız
Monitörünüzde iyi görünen metinlerin başka biri için okunması gerçekten zor olabilir ve bunun nedeni genellikle kontrasttır. Bizim Kontrast Denetleyicisi ön plan ve arka plan rengini karşılaştırarak ve tam olarak raporlayarak bunu tam olarak ölçer kontrast oranı aralarında. The online aracı daha sonra bu eşleştirmenin, belirtilen AA ve AAA eşiklerini geçip geçmediğini söyler WCAG yönergeleri, dolayısıyla erişilebilirlik tahmin olmaktan çıkıyor. Tasarımcılar ve geliştiriciler kullanır Kontrast Denetleyicisi bir tasarım gönderilmeden önce gövde metnini, düğmeleri ve bağlantı renklerini doğrulamak için. Çünkü güncelliyor kontrast oranı bir değeri değiştirdiğiniz an, bu erişilebilirlik aracı rengi rahatça temizleyene kadar itmeyi kolaylaştırır WCAG yönergeleri. Her önemli renk çiftini bunun üzerinden çalıştırın online aracı ve arayüzünüz herkes için okunabilir kalır. ve ek olarak renk palet kodları, hex ve diğer özellikleri gösterir.