تحويل الألوان
#b400ff
≈ Electric Violet
التنوعات
الغرض من هذا القسم هو إنتاج درجات (إضافة الأبيض النقي) وظلال (إضافة الأسود النقي) للون الذي اخترته بزيادات 10٪ بدقة.
نصيحة احترافية: استخدم الظلال لحالات التمرير والظلال، والدرجات للإبرازات والخلفيات.
الظلال
تنوعات أغمق تم إنشاؤها بإضافة الأسود إلى لونك الأساسي.
الدرجات
تنوعات أفتح تم إنشاؤها بإضافة الأبيض إلى لونك الأساسي.
حالات الاستخدام الشائعة
- • حالات مكونات واجهة المستخدم (التمرير، النشط، المعطل)
- • إنشاء عمق باستخدام الظلال والإبرازات
- • بناء أنظمة ألوان متسقة
نصيحة نظام التصميم
تشكل هذه التنوعات أساس لوحة ألوان متماسكة. قم بتصديرها للحفاظ على التناسق عبر مشروعك بالكامل.
توليفات الألوان
لكل تناغم مزاجه الخاص. استخدم التناغمات لتوليد أفكار لتوليفات ألوان تعمل جيدًا معًا.
كيفية الاستخدام
انقر على أي لون لنسخ قيمة hex الخاصة به. هذه التوليفات مثبتة رياضيًا لخلق تناغم بصري.
لماذا يهم
تناغم الألوان يخلق توازنًا ويثير مشاعر محددة في تصميماتك.
التكامل
لون وعكسه على عجلة الألوان، +180 درجة من الصبغة. تباين عالٍ.
التكامل المنقسم
لون واثنان مجاوران لتكمله، +/-30 درجة من الصبغة من القيمة المقابلة للون الرئيسي. جريء مثل التكامل المباشر، ولكنه أكثر تنوعًا.
ثلاثي
ثلاثة ألوان موزعة بالتساوي على عجلة الألوان، كل منها 120 درجة من الصبغة. من الأفضل السماح للون واحد بالهيمنة واستخدام الآخرين كلمسات.
متناظر
ثلاثة ألوان بنفس الإضاءة والتشبع مع صبغات متجاورة على عجلة الألوان، بفارق 30 درجة. انتقالات سلسة.
أحادي اللون
ثلاثة ألوان بنفس الصبغة مع قيم إضاءة +/-50%. دقيق ومصقول.
رباعي
مجموعتان من الألوان المتكاملة، مفصولة بـ 60 درجة من تدرج اللون.
مبادئ نظرية الألوان
التوازن
استخدم لونًا مهيمنًا، وادعمه بلون ثانوي، وأضف لمسات بلون آخر بشكل مقتصد.
التباين
تأكد من وجود تباين كافٍ للقراءة وسهولة الوصول.
التناغم
يجب أن تعمل الألوان معًا لخلق تجربة بصرية موحدة.
مدقق تباين الألوان
اختبر تركيبات الألوان للتأكد من أنها تلبي معايير الوصول WCAG لقراءة النص.
لون النص
لون الخلفية
التباين
معايير WCAG
مدقق التباين المتقدم
ضبط دقيق باستخدام المنزلقات، معاينات متعددة والمزيد
الجميع عبقري. ولكن إذا حكمت على سمكة بقدرتها على تسلق شجرة، فسوف تعيش حياتها كلها معتقدة أنها غبية.