ToolPronto
Renk kontrastını ve paleti denetleyin
Kontrastı ölçün, geçen seçenek bulun ve CSS renklerini kopyalayın.
Renkleri kontrol et
Metin kontrastı denetleyici
Bir metin ve arka plan rengini WCAG 2.x eşiklerine göre test et.
Okunaklı renk gerçek bağlamda belli olur.Okunaklı renk gerçek bağlamda belli olur.
- Kontrast oranı
- 16.68:1
- Normal metin AA
- ✓ Geçti
- Büyük metin AA
- ✓ Geçti
Renk biçimleri
#17201Brgb(23 32 27)hsl(147 16% 11%)Renkleri kontrol et
Beş renkli palet
Yeniden kullanılabilir beş renkli bir palet üret, kilitle, denetle, simüle et ve dışa aktar.
Bu tutarlı önizleme yaklaşık bir gösterimdir; tanı veya uygunluk testi değildir. Dışa aktarılan renkler değişmez.
Kaynak palet kontrast denetimi
Her satırda ilk renk metin, ikinci renk arka plan olarak değerlendirilir.
- Renk 1, renk 2 üzerinde
#096447 / #E2F3EC6.24:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 1, renk 3 üzerinde
#096447 / #17201B2.32:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 1, renk 4 üzerinde
#096447 / #F4F6F36.61:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 1, renk 5 üzerinde
#096447 / #6D46D91.21:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 2, renk 1 üzerinde
#E2F3EC / #0964476.24:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 2, renk 3 üzerinde
#E2F3EC / #17201B14.51:1Normal metin AA: GeçtiNormal metin AAA: GeçtiBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 2, renk 4 üzerinde
#E2F3EC / #F4F6F31.06:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 2, renk 5 üzerinde
#E2F3EC / #6D46D95.18:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 3, renk 1 üzerinde
#17201B / #0964472.32:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 3, renk 2 üzerinde
#17201B / #E2F3EC14.51:1Normal metin AA: GeçtiNormal metin AAA: GeçtiBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 3, renk 4 üzerinde
#17201B / #F4F6F315.35:1Normal metin AA: GeçtiNormal metin AAA: GeçtiBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 3, renk 5 üzerinde
#17201B / #6D46D92.80:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 4, renk 1 üzerinde
#F4F6F3 / #0964476.61:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 4, renk 2 üzerinde
#F4F6F3 / #E2F3EC1.06:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 4, renk 3 üzerinde
#F4F6F3 / #17201B15.35:1Normal metin AA: GeçtiNormal metin AAA: GeçtiBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 4, renk 5 üzerinde
#F4F6F3 / #6D46D95.48:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 5, renk 1 üzerinde
#6D46D9 / #0964471.21:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 5, renk 2 üzerinde
#6D46D9 / #E2F3EC5.18:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti - Renk 5, renk 3 üzerinde
#6D46D9 / #17201B2.80:1Normal metin AA: GeçmediNormal metin AAA: GeçmediBüyük metin AA: GeçmediBüyük metin AAA: Geçmedi - Renk 5, renk 4 üzerinde
#6D46D9 / #F4F6F35.48:1Normal metin AA: GeçtiNormal metin AAA: GeçmediBüyük metin AA: GeçtiBüyük metin AAA: Geçti
Renk kontrastı denetleyici ne yapar?
WCAG kontrast oranını hesaplar ve palette ayırt edilmesi zor renkleri bulur. Kontrastı ölçün, geçen seçenek bulun ve CSS renklerini kopyalayın.
Yaygın kullanım alanları
- Yazı ve arka planı test etmek.
- Erişilebilir alternatif bulmak.
- Renk paletini incelemek.
Nasıl kullanılır?
- Yazı ve arka plan renklerini seçin.
- Oranı ve WCAG sonuçlarını inceleyin.
- Rengi ayarlayın veya geçen değeri kopyalayın.