Renk Kontrastı Denetleyicisi

Erişilebilirliği sağlamak için ön plan ve arka plan renkleri arasındaki kontrast oranını test edin.

1.00:1
Kontrast
Fail
Çok Zayıf

Normal Metin

AA (4.5:1)
AAA (7:1)

Büyük Metin

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff6840

Hızlı Çözümler

Aa

Önizleme Başlığı

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar

Küçük metin örneği (12px)

Metin
#000000
Arka plan
#ff6840

WCAG Standartları

Level AA

Normal metin için minimum 4,5:1 ve büyük metin için 3:1 kontrast oranı. Çoğu web sitesi için gereklidir.

Level AAA

Normal metin için 7:1 ve büyük metin için 4,5:1 geliştirilmiş kontrast oranı. Optimum erişilebilirlik için önerilir.

Tüm metin boyutları için yetersiz kontrast - WCAG standartlarını karşılamıyor.

Renk Kontrastı Denetleyicisi

Metin ve arka plan renklerinin kontrast oranını hesaplayın.

Metin ve arka plan için renk seçiciyi kullanarak bir renk seçin veya onaltılık RGB formatında bir renk girin (örneğin, #259 veya #2596BE). Rengi seçmek için kaydırıcıyı ayarlayabilirsiniz. Web İçeriği Erişilebilirlik Yönergeleri (WCAG), metnin gören kullanıcılar için okunabilir olup olmadığını belirlemeye yardımcı olan özel bir kılavuza sahiptir. Bu kriter, renk kombinasyonlarını karşılaştırılabilir oranlarla eşleştirmek için belirli bir algoritma kullanır. Bu formüle göre WCAG, normal metin için 4.5:1 kontrast oranının yeterli olduğunu ve büyük metnin (18pt veya daha büyük, ya da 14pt veya daha büyük ve kalın) en az 3:1 kontrast oranına sahip olması gerektiğini belirtir.

Temel Özellikler

  • Gerçek zamanlı kontrast oranı hesaplama
  • WCAG AA ve AAA uyumluluk kontrolü
  • İnce ayar için HSL kaydırıcıları
  • Çoklu önizleme formatları

Gelişmiş Araçlar

  • Otomatik renk sabitleme
  • Metin ve arka plan örnekleri
  • Renk adı algılama
  • Sonuçları dışa aktar