Renk Kontrastı Denetleyici

İki renk arasındaki WCAG AA/AAA kontrast oranını kontrol edin

Bu hesaplayıcı hakkında

Renk Kontrastı Denetleyici, göreli parlaklık formülü (L1 + 0,05) / (L2 + 0,05) ile bir ön plan ve arka plan rengi arasındaki WCAG 2.x kontrast oranını hesaplar. #rgb, #rrggbb ve rgb(r,g,b) girdisini kabul eder; kesin oranı, iki rengin parlaklığını ve normal metin (4,5:1 / 7:1) ile büyük metin (3:1 / 4,5:1) eşiklerinde AA ve AAA için geçti/kaldı işaretlerini raporlar. Geçersiz renkler hata döndürür. Erişilebilir web tasarımı için vazgeçilmezdir.

Renk Kontrastı Denetleyici nasıl kullanılır?

  1. Girdinizi alana yazın veya yapıştırın.
  2. Çıktıyı okuyun — siz yazarken anında güncellenir.
  3. Varsa seçenekleri kullanım amacınıza göre ayarlayın.
  4. Aynı sonucu paylaşmak için sayfa URL'sini kopyalayın.

Yaygın örnekler

  • #ffffff üzerinde #000000 → 21,0000:1; tüm AA ve AAA seviyelerini geçer
  • #ffffff üzerinde #777777 → 4,4781:1; AA normal metinde kıl payı kalır, AA büyük metinde geçer
  • #ffffff üzerinde #0066cc → 5,5666:1; AA geçer, AAA normal kalır
  • #333333 üzerinde #ffcc00 → 8,3564:1; tüm metin boyutları için AAA geçer

Sıkça sorulan sorular

Renk Kontrastı Denetleyici nasıl çalışır?

Girdinizi yazın veya yapıştırın; araç bunu doğrudan tarayıcınızda işler ve sonucu hemen gösterir. Yazdığınız hiçbir şey bir sunucuya yüklenmez — hesaplamanın tamamı cihazınızda gerçekleşir.

Renk Kontrastı Denetleyici ne zaman kullanılır?

Geliştirme, hata ayıklama, tasarım ve yönetim işlerinde kullanışlıdır — bu dönüşümü veya kontrolü hiçbir şey kurmadan ve verilerinizi üçüncü taraf bir hizmete emanet etmeden hızlıca yapmanız gerektiğinde.

Sonuçlar ne kadar güvenilir?

Araç ilgili standardı veya spesifikasyonu doğrudan uygular; bu nedenle çıktısı standartlara uygun yazılımların ürettiğiyle aynıdır. Boş veya hatalı biçimli girdi gibi uç durumlar sessizce başarısız olmak yerine açıkça bildirilir.

Belirli bir sonucu başkasıyla paylaşabilir miyim?

Evet. Girdiniz URL'yi günceller; adres çubuğunu kopyalayıp bağlantıyı paylaştığınızda, bağlantıya tıklayan herkes aracı aynı durumda açar.