الألوان والتصميم
مدقق التباين (WCAG)
مدقق تباين WCAG مجاني. تحقق من التباين بين أي لونين — اطّلع على نجاح/فشل AA/AAA للنص العادي والكبير. لتصميم ميسر وإتاحة.
Contrast checker (WCAG)
ملاحظة المحرر
Understanding · Designing for the eye on the bus.
هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.
الأسئلة المتكررة
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
يبحث الأشخاص أيضًا عن
Use with
What people reach for next.
أدوات ذات صلة
More in this room.
- محول الألوان (HEX/RGB/HSL/OKLCH)HEX، RGB، HSL و OKLCH الحديث — فوراً.
- مكتشف ألوان Tailwindأقرب فئة Tailwind لأي لون HEX.
- منتقي ألوان الصورة ولوحة الألوانأسقط صورة، استخرج لوحة ألوانها.
- محاكي عمى الألوانمعاينة لوحات الألوان من خلال العمى اللوني الأحمر والأخضر والمزيد.
- مولد التدرجاتتدرجات CSS الخطية والشعاعية والمخروطية.
- مولد الظل الصندوقيمحرر box-shadow CSS مرئي.