WCAG Renk Kontrast Denetleyicisi

WCAG 2.1 yönergelerine göre metin ve arka plan renklerinin kontrast oranını değerlendirin. Erişilebilir renk ayarlamalarını anında oluşturun.

HEX/RGB/HSL
HEX/RGB/HSL
Her şey tarayıcınızda yerel olarak çalışır.

Canlı Metin Önizlemesi

Büyük Başlık (18pt Kalın / 24pt Normal)

Bu, büyük başlık metin stilinin bir önizlemesidir.

Normal Metin (18pt Altı)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kontrast Oranı

18.6:1

WCAG 2.1 Uyumluluk Durumu

WCAG AA Gereksinimleri
Normal Metin (4.5:1) PASS
Büyük Metin (3.0:1) PASS
WCAG AAA Gereksinimleri
Normal Metin (7.0:1) PASS
Büyük Metin (4.5:1) PASS

WCAG 2.1 Yönergeleri

Bölüm 508, ADA ve WCAG AA veya AAA yönergelerine uygun erişilebilir arayüzler oluşturmak için kontrast standartlarını kolayca doğrulayın.

Öneri Motoru

HSL koordinatları boyunca renklerinizi otomatik olarak ayarlayın ve kontrast oran kriterlerini karşılayan en yakın alternatifleri bulabilirsiniz.

Tamamen İstemci Tarafı

Hesaplamalar tarayıcınızın bağlamında yerel olarak yürütülür. Sunucularımıza hiçbir renk, dosya veya telemetri koordinatı iletilmez.

İlgili Renk Araçları

HEX RGB HSL Renk Dönüştürücü
Renkleri dönüştürün ve açıklık koordinatlarını ayarlayın.
Görsel Renk Seçici
Tasarım maketlerinden renk paletlerini çıkarın.
CSS Renk Dönüştürücü
CMYK, HSV, RGB, HSL ve HEX biçimleri arasında dönüştürme.

Renk Kontrast Denetleyicisi

Ön plan ve arka plan renkleri için WCAG kontrast oranlarını hesaplayın ve ortak metin boyutu sonuçlarını gösterin.

Giriş
Iki geçerli CSS rengi ve isteğe bağlı önizleme metni.
Çıktı
WCAG AA ve AAA geçer veya geçmez göstergeleri ile bir kontrast oranı.
Gerçek Sınırlamalar
Hesaplama yalnızca parlaklık kontrastını kapsar; yazı tipi işleme, hareket, odak veya renk dışı ipuçları için bir arayüzü veya hesabı onaylamaz.
Gizlilik ve veri işleme
İki geçerli CSS rengi ve isteğe bağlı önizleme metni bu tarayıcı sekmesinde işlenir. Convertr bunu almaz veya depolamaz; sayfanın kapatılması veya yeniden yüklenmesi, araç açıkça yerel bir indirme sunmadığı sürece çalışma durumunu temizler.

Bu aracı nasıl kullanacağınız

  1. Araç kontrollerinde iki geçerli CSS rengi ve isteğe bağlı önizleme metni sağlayın.
  2. WCAG AA ve AAA ile geçme veya kalma göstergeleri olan bir kontrast oranını etkileyen ayarları seçin, ardından aracı çalıştırın.
  3. WCAG AA ve AAA ile bir kontrast oranını geçme veya kalma göstergeleriyle kopyalamadan veya indirmeden önce inceleyin.

Ortak arıza modları

Geçersiz renkler ölçülemez ve çözülmüş bir arka plan olmadan şeffaflık bir oranı anlamsız hale getirebilir.

Faydalı örnek

#ffffff üzerinde #1f2937 metnini karşılaştırarak normal ve büyük metin için oranını inceleyin.