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