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

مدقق تباين الألوان WCAG مجاني. اختبر ألوان النص والخلفية للتوافق مع إمكانية الوصول إلى AA وAAA مع نسبة تباين مباشرة ومعاينة — سداسي عشري أو RGB.

تحقق من نسبة التباين بين النص ولون الخلفية وفقًا لمعايير WCAG AA وAAA، مع معاينة مباشرة وإدخال سداسي عشري أو RGB.

Share
فئة
أدوات المطور
يشمل
مميزات 6
وصول
حر · لا الاشتراك
خصوصية
يعمل في المتصفح الخاص بك
مدقق تباين الألوان

Loading Contrast Checker......

Please wait a moment

كيفية الاستخدام

كيفية استخدام مدقق تباين الألوان

  1. 01

    اختر لون النص

    اختر أو اكتب اللون الأمامي.

  2. 02

    اختر الخلفية

    اختر أو اكتب لون الخلفية.

  3. 03

    اقرأ النسبة

    شاهد نسبة التباين ونتائج AA/AAA.

  4. 04

    يُعدِّل

    قرص الألوان حتى تمر.

حالات الاستخدام

حالات الاستخدام الشائع

  • تحقق من أن نص واجهة المستخدم يتوافق مع إمكانية الوصول إلى WCAG
  • تحقق من تباين الزر والارتباط
  • قم بتدقيق لوحة ألوان العلامة التجارية
  • إصلاح النسخة التسويقية منخفضة التباين
ملخص

اجعل النص الخاص بك قابلاً للقراءة للجميع

يعد النص منخفض التباين أحد أكثر حالات فشل إمكانية الوصول شيوعًا. يحسب هذا المدقق نسبة التباين الدقيقة بين ألوان النص والخلفية باستخدام صيغة WCAG الرسمية للإضاءة النسبية، ثم يخبرك ما إذا كانت تجتاز AA (4.5:1 للنص العادي، 3:1 للنص الكبير) وAAA الأكثر صرامة (7:1 و4.5:1). تعرض المعاينة المباشرة نصًا حقيقيًا بالألوان التي اخترتها.

أدخل الألوان بالطريقة التي تريدها

استخدم منتقي الألوان أو اكتب الرموز السداسية وقيم rgb() مباشرةً - حيث تقوم الأداة بتحليل كليهما. عندما تقوم بضبط أي لون، يتم تحديث شارات النسبة والنجاح/الفشل على الفور، حتى تتمكن من دفع الظل حتى يتوافق. كل شيء يعمل محليًا، مما يجعله رفيقًا سريعًا أثناء تصميم واجهة المستخدم والموضوعات وصفحات التسويق.

سمات
01
نتائج النجاح/الفشل WCAG AA وAAA
02
حساب نسبة التباين المباشر
03
مدخلات Hex وRGB مع منتقي الألوان
04
معاينة النص مباشرة على الألوان الخاصة بك
05
عتبات النص العادية والكبيرة
06
يعمل محليا في المتصفح الخاص بك
التعليمات

الأسئلة المتداولة

ما هي نسبة التباين التي أحتاجها لاجتياز WCAG؟+

بالنسبة إلى AA، يحتاج النص العادي إلى 4.5:1 والنص الكبير 3:1. بالنسبة لـ AAA الأكثر صرامة، يحتاج النص العادي إلى 7:1 والنص الكبير 4.5:1. يبلغ حجم النص الكبير حوالي 18 نقطة، أو 14 نقطة غامق.

كيف يتم حساب نسبة التباين؟+

ويستخدم صيغة النصوع النسبي WCAG لكلا اللونين، ثم يقسم النصوع الأفتح (زائد 0.05) على الأغمق (زائد 0.05)، مما يعطي قيمة من 1:1 إلى 21:1.

هل يمكنني إدخال RGB بالإضافة إلى السداسي؟+

نعم - اكتب الرموز السداسية مثل #1e293b أو rgb(30, 41, 59)، أو استخدم منتقي الألوان. يتم تحليل كلا التنسيقين على الفور.

هل هو مجاني؟+

نعم، مجاني تمامًا بدون تسجيل، ويعمل بالكامل في متصفحك.