Renk kontrastı denetleyicisi

WCAG bağıl parlaklık formülüne göre ön plan ve arka plan renklerinin karşıtlığını yerel olarak kontrol eder; normal gövde metni ve büyük punto için AA/AAA eşiklerini ayrı ayrı değerlendirir ve rapor dışa aktarmayı destekler.

Tarayıcı içinde yerel işlem
Bu sayfa genel dizin kontrolünden geçti; JavaScript etkinleştirildiğinde tüm işlevler kullanılabilir.
Kullanım kılavuzu

Renk kontrastı denetleyicisi nasıl kullanılır

Renk değerlerinin bağıl parlaklığı ve kontrastı yalnızca mevcut tarayıcıda hesaplanır; yüklenmez veya kaydedilmez.

  1. İki renk girin

    Ön plan ve arka plan renklerini ayarlamak için renk seçiciyi kullanın veya #RRGGBB değerini yapıştırın; ön izleme eş zamanlı olarak güncellenir.

  2. Kontrol eşikleri

    Denetlemek için tıklayın; normal metin AA, normal metin AAA ve büyük puntolu metin AA için geçiş durumunu ayrı ayrı görüntüleyin.

  3. Kontrol kaydını kopyala

    Kontrolü geçtikten sonra raporu kopyalayabilir veya renk değerlerini, oranları ve tüm eşik sonuçlarını kaydetmek için TXT indirebilirsiniz.

Sınırlamalar ve dikkat edilmesi gerekenler

  • İlk sürüm yalnızca saydamlık içermeyen #RGB veya #RRGGBB değerlerini kabul eder; yarı saydam renklerde önce gerçek bileşim arka planı belirlenmelidir.
  • 4.5:1 normal gövde metni AA, 3:1 büyük yazı tipi AA için geçerlidir; 7:1 normal gövde metni AAA için referans eşiğidir. Yazı tipi boyutu, kalınlığı ve metin dışı kontrast da kontrol edilmelidir.
  • Araç yalnızca bir çift düz rengi hesaplar; degradeleri, görselleri, gölgeleri, yazı tipi işlemelerini veya karmaşık arka planları simüle etmez.

Sık sorulan sorular

4.5:1 ne anlama geliyor?

Bu, normal gövde metni için WCAG tarafından belirlenen AA asgari karşıtlık eşiğidir; büyük puntoyla yazılmış gövde metni için AA eşiği 3:1 değerindedir.

Şeffaf renkler neden doğrudan değerlendirilemiyor?

Saydam ön planın veya arka planın nihai rengi, birleştirme sırasına ve alt görsele bağlıdır; gerçek görüntülenen düz rengi önce belirlemek daha güvenilirdir.

Kontrastı geçmek kesin olarak erişilebilir olduğu anlamına mı gelir?

Şart değil. Yazı tipi boyutunu, yazı kalınlığını, durumu, odağı, metin dışı bileşenleri, görüntü arka planını ve gerçek cihazdaki görüntüleme sonucunu da kontrol etmelisiniz.

Sayfa geri bildirimiBir sorun mu buldunuz veya iyileştirme öneriniz mi var?
Geri bildirim işlevi yalnızca çevrimiçi sürümde kullanılmalıdır

Lütfen çevrimiçi sürümde JavaScript etkinleştirildikten sonra gönderin; geçerli araç veya örneğin yerel işlevleri etkilenmez.

Çevrimiçi sürüme geri bildirim gönder