مُحسّن لوحة الألوان إنشاء مجموعات ألوان تتوافق مع متطلبات التباين في WCAG.
مُحسّن لوحة الألوان
إنشاء مجموعات ألوان تتوافق مع متطلبات التباين في WCAG.
تعيين الخلفية
أدخل لون خلفيتك.
اختر مستوى WCAG
حدد هدف التوافق AA (4.5:1) أو AAA (7:1).
استعراض والنسبة
انظر الألوان المتوافقة مع نسب التباين وانسخها.
What Is مُحسّن لوحة الألوان?
مُولِّد لوحة الألوان المتاح يجد الألوان التي تتوافق مع متطلبات التباين في إرشادات الويب للمكفوفين (WCAG) ضد لون الخلفية المختار. بدلاً من اختبار الألوان الفردية يدويًا، يقوم هذا الأداة بفحص طيف الألوان ويعرض فقط الألوان التي تحقق نسبة التباين المستهدفة (التصنيف AA عند 4.5:1 أو التصنيف AAA عند 7:1). يتم عرض كل لون مع معاينة مباشرة للنص ضد خلفيته ونسبة تباينه الدقيقة، مما يسهل العثور على ألوان متوافقة وتتناسب أيضًا مع جماليات التصميم. هذا يحل واحد من أكثر التحديات شيوعًا في تصميم الإمكانية الوصول: إيجاد الألوان التي تكون جذابة بصريًا ومتوافقة مع معايير الإمكانية الوصول. يقوم المُولِّد بمسح درجات اللون ومستويات الضوء لتوفير مجموعة متنوعة من الخيارات المتاحة.
Why Use مُحسّن لوحة الألوان?
-
يجد تلقائيًا الألوان التي تمر بالمتطلبات المتنوعة لتباين WCAG
-
اختر بين مستويات التوافق AA (4.5:1) و AAA (7:1)
-
معاينة نص حية على خلفيتك
-
يعرض نسبة التباين الدقيقة لكل لون مقترح
-
يوفر ساعات من التحقق اليدوي للتباين
Common Use Cases
تصميم ويب قابل للوصول
ابني لوحات الألوان التي تلبي متطلبات WCAG من البداية.
إنشاء نظام التصميم
أгенر ألوان نص قابلة للوصول لكل خلفية في نظامك.
مشاريع العملاء
قدم لعملائك خيارات الألوان التي تم التحقق منها مسبقًا للوصول إليها.
التصحيح
ابحث عن بدائل قابلة للوصول عندما تفشل الألوان الحالية في اختبارات التباين.
Technical Guide
يعيد المُولِّد تشغيل زوايا الدرجة (0-360° عند فترات زمنية 30°) ومستويات الإضاءة (10-90% عند فترات زمنية 10%) مع تشبع ثابت يبلغ 70%.对于 كل لون تم إنشاؤه، يحسب نسبة تباين WCAG ضد الخلفية المحددة باستخدام صيغة اللمعان النسبي. يتم جمع الألوان التي تتوافق مع الحد الأدنى من عتبة النسبة، وفرزها حسب نسبة التباين (الأعلى أولاً)، وعرضها على المستخدم. يغطي الخوارزمية طيف الدرجات الكامل، مما يضمن خيارات ألوان متنوعة. تشير نسب التباين الأعلى إلى قراءة أفضل. تعتمد العتبات الدنيا على معايير نجاح WCAG 2.1 1.4.3 (AA) و 1.4.6 (AAA).
Tips & Best Practices
-
1ابدأ بلون خلفيتك واعثر على ألوان نص قابلة للوصول - وليس العكس
-
2对于 الخلفيات الداكنة، تميل الألوان القابلة للوصول إلى أن تكون أفتح؛ للخلفيات الفاتحة، أدكن
-
3نسب التباين الأعلى دائمًا أفضل - استهدف أعلى من الحد الأدنى عند الإمكان
-
4تذكر اختبار الألوان القابلة للوصول مع محاكاة عمى الألوان أيضًا
-
5احتفظ بلوحتك القابلة للوصول صغيرة (4-6 ألوان) لتحقيق الاتساق
Related Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مُولِّد لوحة الألوان ذات اللون الأحادي
إنشاء لوحة ألوان أحادية اللون من أي لون أساسي.
🎨 Color Tools
مُولِد درجات الألوان
إنشاء درجات أغمق لأي لون مع عدد خطوات قابل للتعديل.
🎨 Color Tools
مفحص نسبة التباين
تحقق من نسب التباين حسب معايير WCAG بين الألوان الأمامية والخلفية.
🎨 Color Tools
محاكي عمى الألوان
احصل على صورة عن كيفية ظهور الألوان للأشخاص الذين يعانون من أنواع مختلفة من نقص رؤية الألوان.
🎨 Color ToolsFrequently Asked Questions
Q ما الذي يجعل اللون قابلاً للوصول؟
Q لماذا يتم استبعاد بعض الألوان من النتائج؟
Q هل يجب أن أستهدف دائمًا توافق AAA؟
About This Tool
مُحسّن لوحة الألوان is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.