Ücretsiz tasarım aracı • WCAG kontrastı

Renk Kontrastı Denetleyicisi

Metin okunabilirliğini kontrol edin, WCAG kontrast seviyelerini karşılaştırın ve renklerinizi anında önizleyin.

Bir renk çifti deneyin:

Canlı önizleme

Metin ve arka plan renklerinizin birlikte nasıl göründüğünü inceleyin.

Önizleme

Clear colors make every message easier to read.

A clear, confident heading

Örnek bağlantı metni
Metin #1F2937Arka plan #FFFFFF
Kontrast oranı14.68:1
Mükemmel kontrast

Puanınız WCAG 2.2 kontrast gereksinimleriyle karşılaştırılır.

AaAA · Normal metin
4.5:1 gerekli
AaAA · Büyük metin
3:1 gerekli
AaAAA · Normal metin
7:1 gerekli
AaAAA · Büyük metin
4.5:1 gerekli

Büyük metin, en az 18 pt normal veya 14 pt kalın yazıyı ifade eder. Kontrast tarayıcınızda yerel olarak hesaplanır; renkleriniz hiçbir zaman yüklenmez.