Renk Kontrast Denetleyicisi

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

1.00:1
Kontrast
Fail
Çok kötü

Normal Metin

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

Büyük metin

AA (3:1)
AAA (4.5:1)
White
#ffffff
Wild Watermelon
#fd5b78

Hızlı düzeltmeler

Aa

Önizleme Başlığı

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

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

Metin
#ffffff
Arka plan
#fd5b78

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ı. Optimal 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ı hesapla.

Metin ve arka plan rengi için renk seçici kullanarak bir renk seç veya RGB onaltılık formatında bir renk gir (örneğin, #259 veya #2596BE). Renk seçmek için kaydırıcıyı ayarlayabilirsin. Web İçeriği Erişilebilirlik Yönergeleri (WCAG), metnin görme engelli kullanıcılar için okunabilir olup olmadığını belirlemeye yardımcı olacak belirli bir yönergeye sahiptir. Bu kriter, renk kombinasyonlarını karşılaştırılabilir oranlara dönüştürmek için belirli bir algoritma kullanır. Bu formülü kullanarak, WCAG, metin ve arka planı için 4.5:1 renk kontrast oranının normal (gövde) metin için yeterli olduğunu ve büyük metnin (18+ pt normal veya 14+ pt kalın) en az 3:1 renk kontrast oranına sahip olması gerektiğini belirtir.

Ana özellikler

  • Gerçek zamanlı kontrast oranı hesaplama
  • WCAG AA & AAA uyumluluk kontrolü
  • HSL ince ayar kaydırıcıları
  • Çoklu önizleme formatları

Gelişmiş araçlar

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