أداة فحص التباين
أدخل لون النص ولون الخلفية لحساب نسبة تباين WCAG، مع نتائج النجاح/الفشل لمستويي AA وAAA ومعاينة حية.
🔒 تتم المعالجة محليًا في متصفحك
Loading…
كيفية الاستخدام
- أدخل لون النص (الأمامي) في الحقل الأول، أو اختره باستخدام منتقي الألوان.
- أدخل لون الخلفية في الحقل الثاني، أو اختره باستخدام منتقي الألوان.
- تتحدث نسبة التباين ومعاينة تركيبة الألوان الفعلية فورًا.
- تحقق من الشارات الأربع لمعرفة ما إذا كانت التركيبة تجتاز معياري WCAG AA وAAA للنص العادي والكبير.
المميزات
- يدعم صيغ الألوان hex وrgb() وhsl()
- يحسب بدقة نسبة التباين وفق السطوع النسبي في WCAG 2.x
- يعرض شارات النجاح/الفشل لمعياري AA وAAA للنص العادي والكبير
- معاينة حية لتركيبة لون النص فوق الخلفية الفعلية
- 100% من جانب المتصفح — ألوانك لا تغادر جهازك أبدًا
الأسئلة الشائعة
كيف تُحسب نسبة التباين؟
تُحسب النسبة وفق معادلة WCAG 2.x: يتم تحويل قنوات sRGB لكل لون إلى صيغة خطية، ثم دمجها في قيمة سطوع نسبي، وتُحسب النسبة كـ (L1 + 0.05) / (L2 + 0.05)، حيث L1 هو سطوع اللون الأفتح. تتراوح النسبة بين 1:1 (بلا تباين) و21:1 (أسود على أبيض).
ما الفرق بين AA وAAA؟
AA هو مستوى المطابقة القياسي الذي تستهدفه معظم المواقع؛ أما AAA فهو مستوى معزز وأكثر صرامة. يتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير، بينما يتطلب AAA نسبة 7:1 و4.5:1 على التوالي.
ما الذي يُعتبر نصًا كبيرًا وفق WCAG؟
يُعرَّف النص الكبير بأنه 18 نقطة (24 بكسل) على الأقل بوزن عادي، أو 14 نقطة (18.66 بكسل) على الأقل بخط عريض. تبقى الخطوط الأكبر والأعرض مقروءة بتباين أقل، لذا فإن المتطلبات أخف.
ما صيغ الألوان التي يمكنني إدخالها؟
يمكنك كتابة رموز hex (#000 أو #000000)، أو سلاسل rgb()/rgba()، أو hsl()/hsla()، أو استخدام منتقي الألوان بجانب كل حقل.
هل تحفظ هذه الأداة ألواني أو ترفعها؟
لا. تتم جميع عمليات التحليل وحساب التباين محليًا داخل متصفحك باستخدام JavaScript خالص. لا يُرسل شيء إلى خادم ولا يُحفظ.