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