Skip to content
Esc

↑↓ to move Enter to open/ anywhere to search

فاحص تباين الألوان

Enter a text color and a background color to see the contrast ratio and whether it passes WCAG AA and AAA for normal text, large text and graphics. Good contrast makes your design readable for everyone, including people with low vision.

يعمل في متصفحك. ملفاتك لا تغادر جهازك أبدًا.

Large text sample
Normal text sample: the quick brown fox jumps over the lazy dog.
Contrast ratio
17.40 : 1
Normal text (AA, 4.5:1)Pass
Large text (AA, 3:1)Pass
Normal text (AAA, 7:1)Pass
Large text (AAA, 4.5:1)Pass
Graphics and buttons (AA, 3:1)Pass

كيف يعمل

  1. 01Enter the text and background colors.
  2. 02Read the contrast ratio.
  3. 03Check which WCAG levels pass.

أسئلة

What ratio do I need?

WCAG AA asks for 4.5:1 for normal text and 3:1 for large text. AAA asks for 7:1 and 4.5:1.

What counts as large text?

About 24 px regular or 19 px bold and above.

Is my file uploaded to a server?

No. Everything happens inside your browser on your own device. Your files are never sent to us or anyone else.

Is it free?

Yes. It is free to use, with no signup, no watermark and no daily limit.

مزيد من الأدوات