Renk kontrastı kontrolü

İki rengin WCAG 2.1 ve APCA kontrastını kontrol edin — ya da bir ekran görüntüsü bırakın ve ince çizgilerin metni nerede zor okunur hâle getirdiğini tam olarak görün. Tamamen yerel, yükleme yok.

Tarayıcınızda çalışır — yükleme yok
Large headline 24 px
Normal body text at 15 px — this is how the contrast reads in a paragraph.
Fine print at 12 px, the toughest test.
WCAG 2.1
AAAAA Normal text Large text
APCA

Reklam Leaderboard · 728 × 90

Geçer not alan bir oran neden yine de zor okunabilir

Her kontrast aracı iki renk değeri alır ve bir oran döndürür. Bu sayı renkler konusunda dürüsttür — geri kalan her şeye ise kördür. WCAG AA’yı rahatça geçen 4,5:1’lik bir çift, yazı tipi ince ve küçük olduğunda gerçekten zor okunabilir: göze ulaşan şey metnin nominal rengi değil, ekranda fiilen çizilen metin-arka plan kenar yumuşatma karışımıdır. Çizgi ne kadar inceyse, her harfin o kadar büyük bölümü bu soluk kenar piksellerinden oluşur — ve etkin kontrast, iki onaltılık değerin vaat ettiğinin altına iner. Bu araç tam da bu boşluğu kapatır: klasik iki renk kontrolünün yanında gerçek arayüzünüzün ekran görüntüsünü analiz eder; çizgilerin en ince olduğu yerleri ve tam o noktalardaki etkin kontrastı ölçer.

Araç her zaman iki referansı birden gösterir: bugünkü uyumluluk standardı olan WCAG 2.1 oranı (normal metin için 4,5:1, büyük metin için 3:1) ve WCAG 3’ün aday algısal modeli APCA’nın, açık/koyu polaritesini dikkate alan Lc değeri. Pratikte Lc 90 gövde metni için idealdir, Lc 75 normal okuma metni hedefidir, Lc 60 büyük veya kalın metin için yeterlidir; Lc 45’in altında hiç metin olmamalıdır. İki değer çelişirse kötümser olana uyun.

Düşük etkin kontrast uç bir durum değildir: kontrast duyarlılığı yaşla birlikte azalır; katarakt, makula dejenerasyonu veya astigmatta sert biçimde düşer; doğrudan güneş ışığı ve düşük parlaklıktaki ekranlar durumu ağırlaştırır — tamamı büyük harfli metinler de öyle. Düzeltmeler doğrudan ölçümlerden çıkar: 2 px altındaki çizgiler → yazı kalınlığını artırın (400 → 500/600); yetersiz kontrast → metin rengini koyulaştırın; çok küçük metin → önce büyütün. Güvenilir değerler için ekran görüntüsünü 2× (Retina) çözünürlükte alın. Analiz tamamen tarayıcınızda çalışır — ekran görüntüsü cihazınızdan asla çıkmaz.

KVKK & Art. 25 GDPR

Tasarımdan gelen gizlilik

Tüm işleme tarayıcınızda gerçekleşir. Dosyalarınız asla bir sunucuya ulaşmaz — saklanacak, iletilecek ya da paylaşılacak hiçbir şey yoktur.

Gizlilik politikamızda daha fazlası
Cihazınız
Tarayıcınızda işleme
Cihazınızdaki sonuç
sunucu yok

Sıkça sorulan sorular

Bu kontrast kontrolü ücretsiz mi, ekran görüntüm yükleniyor mu?

Ücretsizdir, kayıt gerektirmez ve hiçbir şey yüklenmez. Hem renk kontrolü hem de tam ekran görüntüsü analizi tarayıcınızda çalışır — sayfa yüklendikten sonra internet bağlantısını kesebilirsiniz, her şey çalışmaya devam eder.

İyi bir APCA Lc değeri nedir?

Genel kural olarak Lc 90 gövde metni için idealdir, Lc 75 normal okuma metni hedefidir, Lc 60 büyük veya kalın metin için kabul edilebilir; 45’in altında hiç metin olmamalıdır. APCA polariteyi dikkate alır — koyu üzerine açık ve açık üzerine koyu, WCAG oranının aksine farklı puanlanır.

Renklerim WCAG AA’yı geçiyor — analiz metni neden yine de işaretliyor?

Çünkü oran yalnızca iki nominal rengi tanımlar. İnce kalınlıklarda kenar yumuşatma her çizginin büyük bölümünü arka planla karıştırır: ekranda gerçekten gösterilen kontrast daha düşüktür. Analiz, en ince noktalardaki bu gerçek pikselleri ölçer — okuyucularınızın algıladığı değer budur.

Reklam In-content · 336 × 280