Metninizin herkes tarafından okunabildiğinden emin olun
Beyaz üzerine açık gri metin, pastel bir buton üzerinde beyaz metin veya koyu arka plan üzerindeki mavi bağlantılar tasarım dosyasında şık durabilir, ancak gerçek kullanıcılar için okunması imkansız olabilir. Bu kontrast denetleyici, herhangi bir metin ile arka plan rengi arasındaki kontrast oranını ölçer. Web İçeriği Erişilebilirlik Yönergeleri (WCAG) AA ve AAA seviyelerini karşılayıp karşılamadığını anında gösterir; karşılamıyorsa uygun olan en yakın rengi önerir.
Özellikler
- 1:1 ile 21:1 arası Kontrast oranı.
- Normal metin, büyük metin ve arayüz bileşenleri için WCAG 2 AA ve AAA sonuçları.
- Tüm renk formatları: HEX, RGB, HSL veya CSS renk adları.
- Başlık, gövde ve küçük metinlerle Canlı önizleme.
- Renk tonunuzu koruyan Erişilebilir renk önerileri.
- Koyu zemin üzerine açık renk versiyonlarını test etmek için Yer değiştirme butonu.
Bir bakışta WCAG gereksinimleri
| İçerik | AA | AAA |
|---|---|---|
| Normal metin | 4.5:1 | 7:1 |
| Büyük metin (≥ 24 px veya ≥ 19 px kalın) | 3:1 | 4.5:1 |
| Arayüz bileşenleri ve grafikler | 3:1 | — |
| Logolar ve dekoratif metin | Gereksinim yok | Gereksinim yok |
Yaygın kombinasyonlar
| Metin | Arka plan | Oran | AA normal metin |
|---|---|---|---|
| #000000 | #FFFFFF | 21:1 | Geçer |
| #767676 | #FFFFFF | 4.54:1 | Geçer (geçerli en açık gri) |
| #999999 | #FFFFFF | 2.85:1 | Kalır |
| #FFFFFF | #0EA5E9 | 2.77:1 | Kalır |
| #FFFFFF | #0369A1 | 5.93:1 | Geçer |
İlgili araçlar
Renk Dönüştürücü ile renkleri formatlar arasında dönüştürün, Renk Paleti Oluşturucu ile eksiksiz bir palet oluşturun veya Görselden Renk Seçici ile bir ekran görüntüsünden kesin renkleri seçin.