محلل WCAG
حلل لوحتك للتوافق مع WCAG. استخدم محلل WCAG مجاناً عبر الإنترنت دون تسجيل، مع نتائج سريعة ومعالجة آمنة داخل المتصفح.
اللوحة المراد تحليلها
مصفوفة التباين
Primary | Secondary | Background | Text | Muted | |
|---|---|---|---|---|---|
Primary | — | 1.15 Fail | 3.68 AA-L | 3.98 AA-L | 1.29 Fail |
Secondary | 1.15 Fail | — | 4.23 AA-L | 3.45 AA-L | 1.12 Fail |
Background | 3.68 AA-L | 4.23 AA-L | — | 14.63 AAA | 4.76 AA |
Text | 3.98 AA-L | 3.45 AA-L | 14.63 AAA | — | 3.07 AA-L |
Muted | 1.29 Fail | 1.12 Fail | 4.76 AA | 3.07 AA-L | — |
WCAG 2.1 Legend
Level AAA
Ratio ≥ 7:1 - Excellence
Level AA
Ratio ≥ 4.5:1 - Standard
AA كبير
Ratio ≥ 3:1 - Large text
Fail
Ratio < 3:1 - Non-compliant
يساعدك محلل WCAG على العمل بالألوان مباشرة داخل المتصفح.
صُممت الأداة للمصممين والمطورين وصناع المحتوى الذين يحتاجون إلى نتائج سريعة وموثوقة.
Supported formats
How it works
Step 1
افتح محلل WCAG
Step 2
أدخل الألوان أو استوردها
Step 3
انسخ النتيجة أو صدّرها أو أعد استخدامها
أخطاء شائعة يجب تجنبها
- نسيان فحص التباين قد يضعف قابلية القراءة.
- استخدام ألوان كثيرة قد يجعل اللوحة صعبة التطبيق.
نصائح للمحترفين
- احفظ الألوان الأساسية كمتغيرات CSS.
- اختبر اللوحة في الوضعين الفاتح والداكن قبل النشر.
Privacy guaranteed: everything is processed locally in your browser.
تتم المعالجة محلياً داخل المتصفح كلما أمكن. لا حاجة إلى حساب.
محلل WCAG لمشاريع الألوان
حلل لوحتك للتوافق مع WCAG.
محلل WCAG دون فقدان الدقة
تجري التحويلات بقيم دقيقة (HEX، RGB، HSL، OKLCH). بدون تقريب بصري — تحصل على اللون المطابق لقصد التصميم.
محلل WCAG مجاناً عبر الإنترنت
لا حاجة للتسجيل أو تحميل برامج. محلل WCAG مجاني 100% ويعمل في أي متصفح. تشمل الخطة المجانية 10 استخدامات يوميًا.
محلل WCAG بسرعة وأمان
تتم المعالجة مباشرة داخل المتصفح لأقصى سرعة. لا تُرسل البيانات إلى خوادمنا، فألوانك وملفاتك تبقى خاصة على جهازك.
محلل WCAG للمشاركة والتعاون
صدّر النتائج بصيغة HEX، RGB، HSL، CSS، JSON أو انسخها بنقرة واحدة. مثالي لمشاركة دليل الألوان مع فريقك أو توثيق نظام التصميم.
اكتشف جميع أدوات الألوان
استخرج، حوّل، أنشئ لوحات ألوان وتدرجات وتباينات WCAG بنقرات قليلة.
Related tools
أدلة ودروس
تعلم كيفية استخدام أدواتنا من خلال أدلتنا المفصلة.
wcag-analyzer: دليل عملي حول accessibility
دليل مترجم لاستخدام wcag-analyzer وفهم أفضل ممارسات accessibility وتجنب الأخطاء الشائعة.
wcag-analyzer: دليل عملي حول accessibility
دليل مترجم لاستخدام wcag-analyzer وفهم أفضل ممارسات accessibility وتجنب الأخطاء الشائعة.
wcag-analyzer: دليل عملي حول export
دليل مترجم لاستخدام wcag-analyzer وفهم أفضل ممارسات export وتجنب الأخطاء الشائعة.