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)
    Black
    #000000
    Eastern Blue
    #2596be

    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
    #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ı. 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