🌓

مجاني WCAG مدقق تباين الألوان

تحقق مما إذا كان اللونان يلبيان معايير التباين WCAG AA وAAA لسهولة الوصول. معاينة مباشرة بأحجام نص متعددة مع اقتراحات تلقائية عندما يكون التباين منخفضًا جدًا.

يعمل في المتصفح الخاص بكلا الاشتراك، لا النوافذ المنبثقةلا يلزم تسجيل الدخولمجاني للأبد

Text color

Background color

Large heading text

Medium body text (18px) for reading and content.

Normal body text (16px) for paragraphs.

Small body text (14px) for captions and metadata.

14.63:1

Contrast ratio

✓WCAG AA — Normal text

Requires 4.5:1 · You have 14.63:1

✓WCAG AA — Large text

Requires 3.0:1 · You have 14.63:1

✓WCAG AAA — Normal text

Requires 7.0:1 · You have 14.63:1

✓WCAG AAA — Large text

Requires 4.5:1 · You have 14.63:1

✓UI components / graphical objects

Requires 3.0:1 · You have 14.63:1

Quick presets

Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.