Renk kontrastı denetleyici

Geliştirici yardımcı araçları

WCAG kontrast oranlarını ölçün ve metnin normal ve büyük metin için AA ve AAA'yı karşılayıp karşılamadığını görün.

Nasıl kullanılır

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

Choose the text color.
Choose the background color.
Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

Sık sorulan sorular

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

İlgili araçlar

Renk paleti oluşturucu Herhangi bir renkten açık tonlar, koyu tonlar, benzer, tamamlayıcı ve üçlü paletler oluşturun. Renk Dönüştürücü Canlı önizleme ile renkleri HEX, RGB ve HSL arasında dönüştürür. CSS gradyan oluşturucu Canlı önizleme ve kopyalanmaya hazır CSS ile doğrusal veya radyal CSS gradyanları tasarlayın. UUID / GUID Üretici Rastgele sürüm 4 UUID'ler üretir ve bunları tek tek veya toplu olarak kopyalar. Karma Üretici Herhangi bir metnin MD5, SHA-1, SHA-256 ve SHA-512 özetlerini hesaplar. Zaman Damgası Dönüştürücü Unix zaman damgaları, ISO 8601 ve okunabilir yerel tarihler arasında dönüştürür.