İçeriğe geç
Toolbox

WCAG renk kontrastı denetleyici

Metninizi herkesin okuyabildiğinden emin olun. Kontrast oranını ve WCAG gereksinimlerinin karşılanıp karşılanmadığını görmek için bir metin rengi ve bir arka plan rengi girin.

Tarayıcınızda çalışır. Hiçbir şey yüklenmez.

Kontrast denetleyici yükleniyor…

Kontrast denetleyici nasıl kullanılır?

  1. Metin rengini ve arka plan rengini girin ya da renk seçicileri kullanın.

  2. Kontrast oranını ve AA ile AAA sonuçlarını okuyun.

  3. Renk ikilisi Geçti sonucunu alana kadar renkleri ayarlayın.

Sıkça sorulan sorular

WCAG AA hangi kontrastı gerektirir?

Normal metin için en az 4,5:1; büyük metin (24 piksel veya kalın yazıda 18,66 piksel) ve form alanlarının kenarlıkları gibi arayüz öğeleri için en az 3:1.

AAA neyi gerektirir?

Normal metin için en az 7:1, büyük metin için en az 4,5:1.

  • Renk dönüştürücü

    Renk seçici ve canlı önizlemeyle renkleri HEX, RGB ve HSL arasında dönüştürün. Kısa HEX yazımını ve saydamlığı destekler.

  • Renk adı bulucu

    Herhangi bir renk kodunun adını bulun. NTC, HTML, X11, Pantone ve ROYGBIV listelerindeki en yakın renk adlarını uzaklıklarıyla birlikte görün.

  • CSS birim dönüştürücü Yeni

    CSS birimlerini dönüştürün: px değerini rem, em, pt, pc, cm, mm ve inç birimlerine çevirin ya da tersini yapın; kök yazı tipi boyutu ayarlanabilir.

Renk kategorisindeki tüm araçlar