Ω
OmniToolsv2.2
التصميم وإمكانية الوصول

مولد لوحات الألوان ومختبر تباين إمكانية الوصول (WCAG 2.1 AAA)

افحص نسب تباين الألوان وفق معايير WCAG 2.1 للمستويين AA و AAA. ولّد لوحات ألوان متناسقة مع معاينة اللمعان النسبي محلياً 100% في المتصفح.

تقييم محلي 100% داخل المتصفح • حساب اللمعان النسبي القياسي WCAG 2.1 • بدون خوادم
WhatsApp
نماذج ألوان متوافقة جاهزة
rgb(52, 211, 153)
#
rgb(9, 13, 22)
#
نسبة التباين (WCAG Ratio)
11.23:1
WCAG AAA PassL1: 0.55 / L2: 0.003

مصفوفة التوافق مع WCAG 2.1

W3C Recommendation
النص العادي (< 18pt / 24px)
Level AA (4.5:1)PASS
Level AAA (7.0:1)PASS
النص الكبير (≥ 18pt أو ≥ 14pt عريض)
Level AA (3.0:1)PASS
Level AAA (4.5:1)PASS
عناصر واجهة المستخدم والأيقونات
Level AA (3.0:1)PASS

SC 1.4.11 Non-text contrast compliance

معاينة حية لمكونات التصميم

Actual Browser Text Rendering

طباعة ويب فائقة التباين والوضوح

توضح بيئة الاختبار التفاعلية هذه مدى قابلية القراءة الواقعية والتناسق اللوني وفق معايير إمكانية الوصول العالمية في العرض البصري الحديث.

Foreground: #34D399 • Background: #090D16

لوحات التناسق اللوني المتولدة

Advertisement / Sponsor Area

Reserved high-performance space. Zero Cumulative Layout Shift (CLS) guaranteed.

دليل شامل: فهم نسب التباين WCAG 2.1 واللمعان النسبي وإمكانية الوصول البصري

تحدد إرشادات إتاحة محتوى الويب (WCAG 2.1) معايير تباين صارمة لضمان سهولة قراءة المحتوى الرقمي لكافة المستخدمين بمن فيهم ضعاف البصر أو المصابون بعمى الألوان.

تعتمد معادلة التباين الرياضية على اللمعان النسبي (Relative Luminance)، والتي تعاير السطوع الإدراكي لألوان sRGB. نظراً لأن العين البشرية أكثر حساسية للضوء الأخضر، فإن المعادلة تعطي وزناً يبلغ 71.52% للأخضر و21.26% للأحمر و7.22% فقط للأزرق.

ينتج عن المعادلة نسب تباين تتراوح بين 1:1 (ألوان متطابقة) إلى 21:1 (أسود ناصع على أبيض نقي). يتطلب المستوى AA نسبة تباين لا تقل عن 4.5:1 للنص العادي و 3.0:1 للنصوص الكبيرة، بينما يتطلب المستوى الذهبي AAA نسبة 7.0:1.

تجري منصة OmniTools كافة العمليات الحسابية وتحويلات الألوان محلياً 100% داخل ذاكرة متصفحك دون إرسال أي رموز ألوان عبر الإنترنت.

الأسئلة الشائعة حول تباين الألوان (FAQ)

ما هو الفارق الدقيق بين مستويي WCAG AA و AAA؟

يتطلب المستوى AA نسبة تباين لا تقل عن 4.5:1 للنصوص العادية، بينما يتطلب المستوى المتقدم AAA نسبة 7:1 لضمان أعلى مستوى من وضوح القراءة.

لماذا يُعطى اللون الأخضر وزناً أكبر في معادلة اللمعان؟

لأن المستقبلات الضوئية في شبكية العين البشرية تصل ذروة حساسيتها للموجات الضوئية الخضراء عند 555 نانومتر.

هل يؤدي عكس لوني النص والخلفية إلى تغيير نسبة التباين؟

كلا، المعادلة تضع دائماً اللون الأفتح كبسط على اللون الأدكن كمقام، وبالتالي تظل النسبة الحسابية ثابتة تماماً.