Skip to content
easytoolapp
  • الرئيسية
  • النصوص
  • الحاسبات
  • المحولات
  • التاريخ والوقت
  • المولدات
  • المطور
  • التصميم
  • الجهاز
  • الصحة
  • الأعمال
  • من نحن
  • اتصل بنا
  1. الرئيسية/
  2. التصميم/
  3. فاحص التباين
◐التصميم

فاحص التباين

افحص نسبة WCAG 2.1 و APCA Lc الحديث (مسودّة WCAG 3) لزوج مقدّمة/خلفية، أو بدّل إلى وضع الباليتة للحصول على مصفوفة تباين كاملة بين كل لون في باليتتك. حاكي أربعة أنواع من عمى الألوان، طبّق إصلاحات مقترحة، وصدّر الباليتة كمتغيرات CSS أو JSON.

Colors are processed entirely in your browser. Nothing is sent to a server.

كيفية استخدام فاحص التباين

  1. فحص ثنائي: اختر مقدّمة (نص) وخلفية واقرأ نسبة WCAG + APCA Lc مع شارات النجاح/الفشل.
  2. وضع الباليتة: أضف ألوانًا (أو حمّل إعدادًا) للحصول على مصفوفة تباين كاملة بين كل زوج.
  3. بدّل محاكاة الرؤية (Protanopia، Deuteranopia، Tritanopia، Achromatopsia) للاختبار ضد عمى الألوان.
  4. إذا فشل الفحص، انقر على اقتراح تلقائي لتطبيق أقرب لون ناجح.
  5. صدّر الباليتة كمتغيرات CSS أو JSON، أو أرسل الزوج الحالي إلى المصفوفة.

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

ما هو APCA وكيف يختلف عن WCAG 2.1؟

APCA (خوارزمية التباين الإدراكي المتقدمة) نموذج تباين متّسق إدراكيًا مُقترح لـ WCAG 3. يمثّل قابلية القراءة أفضل من النسبة القديمة 4.5:1 — Lc 75 هو الحد الأدنى للنص الأساسي، Lc 90+ الأفضل.

ما المستويات التي يختبرها WCAG 2.1؟

AA يتطلب 4.5:1 للنص العادي، 3:1 للنص الكبير (≥18 pt أو 14 pt غامق) ومكوّنات UI. AAA يرفع النص العادي إلى 7:1 والنص الكبير إلى 4.5:1.

كيف تعمل مصفوفة الباليتة؟

يُفحص كل لون مقابل كل آخر كنص وخلفية. الرقم نسبة WCAG؛ الشارة تعرض AA/AAA/كبير/فاشل. مرّر للحصول على قيمة APCA Lc.

كيف يعمل الإصلاح التلقائي؟

يفتّح النص أو يغمّقه خطّيًا حتى تصل النسبة إلى الهدف — ويختار أقل تغيير. يمكنك أيضًا ضبط الخلفية.

أدوات ذات صلة

◐التصميم

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

من صورة أو شاشة أو Hex — كل صيغة.

◐التصميم

محوّل HEX إلى RGB

Hex/RGB/HSL + باليتات + تباين.

◐التصميم

محوّل RGB إلى HEX

RGB → Hex + باليتات + تباين.

◐التصميم

مولّد تدرّج الألوان

خطّي / شعاعي / مخروطي، متعدد المحطّات.

easytoolapp
من نحناتصل بناأدلةالخصوصيةالشروط
© 2026 easytoolappأدوات أونلاين سهلة للمهام اليومية.
14.68:1
نسبة WCAG 2.1 · AAA
+101.5
APCA Lc · نص أساسي — ذهبي
WCAG AA · عادي
ناجح≥ 4.5
WCAG AA · كبير
ناجح≥ 3.0
WCAG AA · UI / رسوم
ناجح≥ 3.0
WCAG AAA · عادي
ناجح≥ 7.0
WCAG AAA · كبير
ناجح≥ 4.5
APCA — Lc 101.5
نص أساسي — ذهبي
ناجحLc ≥ 90
نص أساسي — أدنى
ناجحLc ≥ 75
نص صغير — أدنى
ناجحLc ≥ 60
كبير/UI — أدنى
ناجحLc ≥ 45
حد أدنى مطلق
ناجحLc ≥ 30
أصغر حجم خط (جدول APCA للقراءة)
وزن 300
Aa
≥ 16px
وزن 400
Aa
≥ 14px
وزن 500
Aa
≥ 12px
وزن 600
Aa
≥ 12px
وزن 700
Aa
≥ 11px

اختر وزنًا (300/400/500/600/700) واضبط النص الأساسي على الأقل بالحجم المعروض. المائل يحتاج +1 خطوة وزن.

نص سريع يتجاوز كل الحروف العربية بسلاسة
نص كبير — 18.66 px / 14 px غامق
نص أساسي بحجم 14 px وزن عادي. نسبة WCAG تستخدم الإضاءة النسبية؛ APCA يمثّل تباين الإضاءة المُدرَك وهو أدقّ للطباعة.
زر بحدودزر صلب
تفاصيل اللون
المقدّمة#1f2937 · L = 2.15%
الخلفية#ffffff · L = 100%