Kontrast Denetleyici
Gerçekten okunabiliyor mu.
Çıktı
Sonucu burada görmek için yukarıya yapıştırın veya yazın.
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Yapıştırdığınız içerik cihazınızda işlenir ve asla bir sunucuya gönderilmez; bu yüzden token'lar, anahtarlar ve yayımlanmamış metinlerle güvenle kullanabilirsiniz.
Nasıl çalışır
- Her satıra bir çift yazın: #fff üzerine #333. Virgül, eğik çizgi ya da yalnızca boşluk da olur.
- Tek bir renk verirseniz, yukarıda belirtilen arka plana karşı denetlenir.
- Önce oranı okuyun; gerisi ondan çıkar.
- Gövde metni için aşılması gereken sayı 4,5’tir.
Sık sorulan sorular
- AA ve AAA tam olarak ne istiyor?
- AA, gövde metni için 4,5 : 1, büyük metin için 3 : 1 ister — 24 piksel ya da kalın 18,66 piksel. AAA ise 7 : 1 ve 4,5 : 1 ister. Kenarlıklar, simgeler ve form alanlarının sınırları 3 : 1 gerektirir.
- Grim neden kalıyor?
- Beyaz üzerine #777, 4,48 : 1 eder ve AA’yı iki yüzde birlik farkla kaçırır. Klasik kıl payı kalıştır ve zaten denetlemenin sebebi de budur: rengi seçene gayet iyi görünür, birçok insan içinse gerçekten zor okunur. #757575 geçer.
- Hangi rengi önce yazdığım önemli mi?
- Hayır. Oran bakışımlıdır: arka plan üzerine metin ile metin üzerine arka plan aynı sayıyı verir.
- Oranı geçmek erişilebilir demek için yeter mi?
- Yetmez. Kontrast, birçok gereksinimden yalnızca biridir; odak durumları, dokunma alanları, hareket ya da rengin anlamı tek başına taşıyıp taşımadığı hakkında hiçbir şey söylemez. Bir alt sınırdır, bir hüküm değil.
İlgili araçlar
◒ Renk Dönüştürücü HEX, RGB, HSL ve CMYK — artı okunurluğu belirleyen kontrast oranı. ◒ CSS Biçimlendirici Her satıra bir bildirim — ya da bütün dosya tek satırda. ◉ Görsel araçları Resimden renk kodu bulma Bir tıkla renk kodu, bir düğmeyle görselin paleti. ‹› HTML Biçimlendirici Okumak için girintili, yayımlamak için sıkıştırılmış.