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
    #2596be

    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
    #2596be

    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