مكتب الألوان

مدقّق تباين الألوان

تحقّق من لونين وفق حدود تباين النص في WCAG.

مدقّق تباين الألوان: يطبّق TOEA الصيغة الثابتة التالية: النسبة = (L1 + 0.05) ÷ (L2 + 0.05). تُجرى حسابات الألوان محليًا في المتصفح. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.

مرات التشغيل
في المتصفح
التكلفة
مجاني · بلا تسجيل
التوفر
جاهز للاستخدام
TOEA / محرك الألوان 01في المتصفح فقط
ورقة الإدخال / 01

قيم الألوان

تبقى القيم على هذا الجهاز. أعد الحساب بعد تغيير أي مدخل.

ورقة النتائج / 02

نسبة التباين

17.74

النص العادي AA
Pass
النص العادي AAA
Pass
النص الكبير AA
Pass
النص الكبير AAA
Pass
الملخّص
AAA for normal and large text
الصيغة المستخدمةالنسبة = (L1 + 0.05) ÷ (L2 + 0.05)
الافتراضات / اقرأ قبل الاستخدام
  1. النتائج تحويلات رياضية حتمية وفق sRGB؛ ويعتمد مظهر العرض على الشاشة وملف تعريف الألوان.
  2. يقبل إدخال HEX ترميز #RGB أو #RRGGBB. تبقى القيم في المتصفح ولا تُرفع.

ما المقصود بالنص الكبير؟

يعرّف WCAG النص الكبير بأنه 18 نقطة على الأقل، أي نحو 24 بكسل CSS، أو 14 نقطة عريض، أي نحو 18.7 بكسل. يمكن للنص بهذه الأحجام فقط استخدام حد التباين الأقل 3:1؛ أما النص الأساسي والتعليقات وتسميات النماذج فتحتاج إلى 4.5:1 لمستوى AA. تتراوح النسب من 1:1 للألوان المتطابقة إلى 21:1 للأسود على الأبيض. وتخضع حدود الأزرار، وحدود حقول النماذج، ومؤشرات التركيز، والأيقونات المهمة لقاعدة منفصلة تُسمى تباين العناصر غير النصية، وتتطلب 3:1 مقابل الألوان المجاورة.

الألوان الشفافة والاستثناءات

يحتاج الفاحص إلى ألوان معتمة. بالنسبة إلى النص أو الطبقات شبه الشفافة، احسب اللون الظاهر فعليًا بدمجه مع خلفيته في خالط الألوان، مستخدمًا العتامة كوزن، ثم افحص النتيجة.

تُستثنى عناصر التحكم المعطلة والزخارف الخالصة والشعارات من قواعد التباين. أما النص النائب داخل حقل النموذج فلا يُستثنى، ولهذا تُعد النصوص النائبة الرمادية الفاتحة من أكثر أسباب الإخفاق شيوعًا.

طريقة الاستخدام

  1. أدخل قيم #RGB أو #RRGGBB صالحة وأي نسبة مئوية مطلوبة.
  2. شغّل عملية الألوان الثابتة محليًا في المتصفح.
  3. راجع عينات الألوان وانسخ النتيجة أو قيم لوحة الألوان.

الخصوصية والقيود

تبقى قيم الألوان على هذا الجهاز. ناتج التباين أداة حساب رياضي، وليس ضمانًا شاملًا للامتثال لمعايير WCAG؛ فما زال يلزم مراجعة السياق، وطريقة عرض الخط، وتباين العناصر غير النصية، وحالات واجهة المستخدم.

أدوات ذات صلة

الأسئلة الشائعة

كيف يعمل مدقّق التباين؟

يستخدم الصيغة النسبة = (L1 + 0.05) ÷ (L2 + 0.05).

ما تنسيقات HEX المقبولة؟

استخدم ترميز sRGB المكوّن من 3 أرقام #RGB أو 6 أرقام #RRGGBB. لا تُقبل قنوات ألفا أو الألوان المسماة.

هل تضمن نتيجة التباين الامتثال لمتطلبات إمكانية الوصول؟

لا. هذه أداة حساب رياضي لتباين الألوان المبلّغ عنها وحدود النص، وليست ضمانًا شاملًا للامتثال.

أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا