اشتر لي قهوة
التصميم

فاحص التباين

افحص نسب تباين الألوان لامتثال إمكانية الوصول WCAG. يعمل على جهازك — لا يُرفع شيء ولا يُخزَّن شيء.

الألوان
لون المقدمة
لون الخلفية

نسبة التباين

6.70:1

امتثال WCAG

إرشادات إمكانية الوصول لمحتوى الويب 2.1

AA نص عاديناجح

≥ 4.5:1

AA نص كبيرناجح

≥ 3:1 (18pt+ أو 14pt+ غامق)

AAA نص عاديفاشل

≥ 7:1

AAA نص كبيرناجح

≥ 4.5:1

معاينة

نص عادي (16px) — الثعلب البني السريع يقفز فوق الكلب الكسول

نص كبير (24px غامق) — إمكانية الوصول مهمة

مثال على مكوّن واجهة
إعدادات مسبقة
ذات صلة
مُنشئ clip-path في CSSالتصميممُحرّر منحنيات التوقيت Cubic-Bezierالتصميممُولِّد الزجاجية (Glassmorphism)التصميم
حول Color Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Enter foreground and background colors to get AA and AAA pass/fail results for normal and large text.

Color Contrast Checker أداة مجانية ضمن فئة «Design Tools» على BrowseryTools. تعمل بالكامل داخل متصفحك: ما تعطيه لها يُعالَج على جهازك ولا يُرفع إلى أي خادم، ولا تسجيل ولا إعلانات ولا علامات مائية، وتبقى تعمل بلا اتصال بعد تحميل الصفحة.