Renk kontrastı denetleyicisi
Check Check Check Check WCAG AA ve AAA metin çevirisi, opaque hex renkler için kontrast. Çiftliğinizin, renkleri takas et ve daha yüksek bir metin alternatifi uygulayın.
Contrast raporu
Color contrast report
Text: #777777 Background: #ffffff Contrast ratio: 4.4781:1
- AA · normal text: Fail (requires 4.5:1)
- AA · large text: Pass (requires 3:1)
- AAA · normal text: Fail (requires 7:1)
- AAA · large text: Fail (requires 4.5:1)
Large text: at least 24 CSS px, or approximately 18.67 CSS px when bold. This checks opaque sRGB text contrast only, not overall accessibility.
Dışa aktarılan metin İngilizce kalır; girdileriniz olduğu gibi korunur.
No signup. Hiçbir AI kredisi yok. Bu araç tarayıcınızda çıktınızı birleştirir.
Bir fikirden faydalı bir şey için.
- 01
Metin ve arka renkler girin.
- 02
Hesaplanan oranı ve normal veya büyük metin eşlerini gözden geçirin.
- 03
Önerilen bir metin rengini deneyin ve sonucu ihraç edin.
Küçük bir bağlam.
Contrast oranları, kullanım oranını kullanır WCAG opaque sRGB renkler için göreceli ışık formülü. AA normal metin 4.5:1 ve AA büyük metin 3:1 gerektirir. Büyük metin genellikle en az 24 anlamına gelir CSS piksel veya yaklaşık 18.67 CSS cesurca piksel. Çiğ oranı sonucu yuvarlaklamadan önce belirler. Bu bir renk kontrolü, erişilebilir bir denetim değil.
İyi sorular.
şeffaf renklere girebilir miyim?
Hayır. Üç veya altı dijital hex değerlerini kullanın. Ölçmeden önce son arka planlarına şeffaf renkler.
Bir geçiş oranı sayfamın erişilebilir olduğu anlamına mı geliyor?
Hayır. Klavye navigasyon, semantics, odaklanılabilir boyutlandırma ve diğer gereksinimler hala testlere ihtiyaç duyar. Araç sadece bu metin / . çifti değerlendirir.