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

    اختبر نسبة التباين بين ألوان المقدمة والخلفية لضمان الوصول.

    1.00:1
    التباين
    Fail
    ضعيف جدًا

    نص عادي

    AA (4.5:1)
    AAA (7:1)

    نص كبير

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #C0C0C0
    #c0c0c0

    إصلاحات سريعة

    Aa

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

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

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

    نص
    #ffffff
    خلفية
    #c0c0c0

    معايير WCAG

    Level AA

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

    Level AAA

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

    تباين غير كافٍ لجميع أحجام النصوص - لا يفي بمعايير WCAG.

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

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

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

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

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

    أدوات متقدمة

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