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

تحقق من ألوانك

اختبر تركيبات الألوان للتأكد من أنها تلبي معايير الوصول WCAG لقراءة النص.

التباين

نتيجة النص

جيد

تمت المقارنة: #000000 على #B6765B

نص

16px, عادي (400)

يُحتسب كنص عادي.

AA (WCAG 1.4.3): على الأقل 4.5:1
ناجح
AAA (WCAG 1.4.6): على الأقل 7:1
مطلوب 1.27 إضافي
فشل

مكونات واجهة المستخدم والرسوميات

الرموز، حدود الحقول، مؤشرات التركيز وأجزاء أخرى تحتاج إلى أن تُرى لاستخدام الواجهة.

AA (WCAG 1.4.11): على الأقل 3:1
ناجح

كيف يتم الفحص

الألوان المقارنة (بعد المزج): نص #000000 على خلفية #B6765B
اللمعان النسبي: نص 0.0000، خلفية 0.2365
الصيغة: (L1 + 0.05) / (L2 + 0.05) حيث L1 هو لمعان اللون الأفتح وL2 هو لمعان اللون الأغمق.
النسبة الدقيقة: 5.7314 إلى 1، معروض كـ 5.73 إلى 1. القيمة المعروضة مقصوصة وليست مُدوّرة، لذا لا تبدو أفضل مما هي عليه. القيمة الدقيقة هي ما يتم مقارنته مع المطلب.

حجم النص: 16px، عادي (400)

يُحتسب كنص عادي. النص الكبير هو على الأقل 24px (18pt)، أو على الأقل 18.67px (14pt) عند العريض (سمك 700 أو أكثر). الأحجام معروضة مقطوعة، وليست مدورة.

المعايير

لون النص

لون الخلفية

حجم النص (px)

سمك الخط

عنوان المعاينة

الثعلب البني السريع يقفز فوق الكلب الكسول

مثال نص صغير (12px)

نص

#000000

خلفية

#b6765b

معايير WCAG

المستوى AA

نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير. مطلوب لمعظم المواقع.

المستوى AAA

نسبة تباين محسنة 7:1 للنص العادي و 4.5:1 للنص الكبير. يوصى به للوصول الأمثل.

احسب نسبة التباين بين ألوان النص والخلفية.

اختر لونًا باستخدام أداة اختيار اللون للنص ولون الخلفية أو أدخل لونًا بتنسيق RGB سداسي عشري (مثل #259 أو #2596BE). يمكنك ضبط الشريط لاختيار اللون. تحتوي إرشادات محتوى الويب (WCAG) على دليل محدد للمساعدة في تحديد ما إذا كان النص قابلاً للقراءة للمستخدمين المبصرين. تستخدم هذه المعايير خوارزمية معينة لرسم تركيبات الألوان إلى نسب قابلة للمقارنة. باستخدام هذه الصيغة، تنص WCAG على أن نسبة تباين لون 4.5:1 مع النص والخلفية كافية لنص عادي، ويجب أن يحتوي النص الكبير (18+ نقطة عادية، أو 14+ نقطة غامق) على نسبة تباين لا تقل عن 3:1.

الميزات الرئيسية

حساب نسبة التباين في الوقت الحقيقي
التحقق من الامتثال لمعايير WCAG AA وAAA
منزلقات HSL للتعديل الدقيق
تنسيقات معاينة متعددة

أدوات متقدمة

إصلاح الألوان تلقائيًا
عينات النص والخلفية
كشف اسم اللون
تصدير النتائج

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

لمطابقة WCAG AA، يجب أن تبلغ نسبة التباين للنص العادي 4.5:1 على الأقل، بينما يحتاج النص الكبير (18pt أو 14pt بخط عريض) إلى 3:1.

يتطلب معيار WCAG AAA نسب تباين أعلى: 7:1 للنص العادي و4.5:1 للنص الكبير، مقارنةً بـ 4.5:1 و3:1 في معيار AA على التوالي.

استخدم ميزة الإصلاح التلقائي لضبط لون النص أو الخلفية مع الحفاظ على هدف تصميمك، أو عدّل الألوان يدويًا باستخدام منزلقات HSL التي تُظهر المناطق المثلى لمطابقة AA وAAA عبر مؤشرات مرئية.

تُظهر المناطق الخضراء وعلامات AA وAAA النطاقات المثلى لتحقيق مطابقة WCAG. وتوجهك تلميحات الاتجاه (نحو الفاتح/نحو الداكن) نحو تباين أفضل بناءً على توليفة ألوانك الحالية.

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