1
اختر الانسجام
2
اختيار اللون
3
احصل على لوحة

الخطوة 1: اختر نوع تناغم الألوان

اختر نوع تناغم الألوان

الخطوة 2: اختر اللون الأساسي الخاص بك

اختر لوناً أساسياً لإنشاء لوحات ألوان متناغمة

أدخل رمز اللون HEX (على سبيل المثال، #3B82F6) أو استخدم منتقي الألوان

الألوان المحددة مسبقًا

الخطوة 3: لوحة الألوان التي تم إنشاؤها

#042761
rgb(4, 39, 97)
hsl(217, 92%, 20%)
التباين: 14.3:1أأ ✓
#094fc2
rgb(9, 79, 194)
hsl(217, 91%, 40%)
التباين: 7.2:1أأ ✓
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
التباين: 3.7:1أ أ✗
#9dc0fa
rgb(157, 192, 250)
hsl(217, 90%, 80%)
التباين: 11.4:1أأ ✓
#fefeff
rgb(254, 254, 255)
hsl(240, 100%, 100%)
التباين: 20.8:1أأ ✓

جرب أيضًا: مدقق تباين الألوان

اختبر أي زوج في المقدمة/الخلفية وفقًا لمعايير WCAG AA وAAA من خلال معاينة النص المباشر والاقتراحات التي يمكن الوصول إليها.

♿ افتح مدقق التباين →