Kontrast Denetleyici
Gerçekten okunabiliyor mu.
Örnekler girdiyi ve ayarları geçici olarak değiştirir. Önceki çalışmanızı geri yükleyebilirsiniz.
0 karakter
Çı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.
Örnek
Uygulamalı örnek — Kontrast Denetleyici
Girdi satırlarını sırayla girip aşağıdaki ayarları kullanın. Sonucu çıktı satırlarıyla karşılaştırın.
| Öğe | Değer |
|---|---|
| Girdi 1 | #000000 |
| Yalnızca bir renk verildiğinde arka plan | #ffffff |
| Çıktı 1 | #ffffff üzerine #000000 |
| Çıktı 2 | Oran 21,00 : 1 |
| Çıktı 3 | Gövde metni AA geçer (en az 4,5) |
| Çıktı 4 | Gövde metni AAA geçer (en az 7) |
| Çıktı 5 | Büyük metin AA geçer (kalın 18,66 px ya da 24 px, en az 3) |
| Çıktı 6 | Büyük metin AAA geçer (en az 4,5) |
| Çıktı 7 | Kenarlıklar, simgeler geçer (en az 3) |
Beyaz üzerindeki siyah 21:1 kontrast oranına sahiptir ve aracın AA ile AAA metin denetimlerini geçer.
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?
- Opak renklerde hayır: oran bakışımlıdır, arka plan üzerine metin ile metin üzerine arka plan aynı sayıyı verir. Yarı saydam bir renkte (#33333380, rgba(…)) evet: metin rengi arka planın, yarı saydam bir arka plan da beyaz bir sayfanın üzerine konarak değerlendirilir. «üzerine» ile önce arka planı, virgül ya da boşlukla önce metin rengini yazın.
- 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ış.