Color Palette Generator
Generate color palettes
Generate color palettes يعمل محليا في المتصفح الخاص بك
Complementary
#4ecdc4
#cd4e57
Analogous
#4ecd85
#4ecdc4
#4e96cd
Triadic
#4ecdc4
#c44ecd
#cdc44e
Split complementary
#4ecdc4
#cd4e96
#cd854e
Tetradic
#4ecdc4
#844ecd
#cd4e57
#97cd4e
Tints (towards white)
c3eeeb
88ddd7
4cccc3
2d9f97
1c635e
Shades (towards black)
278b84
1f6f6a
18544f
103835
081c1a
#4ecdc4 #cd4e57 #4ecd85 #4e96cd #c44ecd #cdc44e #cd4e96 #cd854e #844ecd #97cd4e #c3eeeb #88ddd7 #4cccc3 #2d9f97 #1c635e #278b84 #1f6f6a #18544f #103835 #081c1a
About the
يأخذ مولد لوحة الألوان لونًا أساسيًا واحدًا ويستمد منه مخططات التناغم القياسية: التكميلية، المتماثلة، الثلاثية، التكميلية المنفصلة والرباعية، بالإضافة إلى منحدر من الصبغات نحو الأبيض والظلال نحو الأسود. يتم حساب التناغمات في HSL عن طريق تدوير اللون مع الحفاظ على التشبع والخفة، ولهذا السبب تظل النتائج مرتبطة بقاعدتك بدلاً من الانحراف. المنحدر هو الجزء الذي تحتاجه معظم اللوحات فعليًا، لأن واجهة العمل تحتاج إلى عدة قيم من نفس اللون لحالات التمرير والحالات النشطة والمعطلة، وليس فقط لون تمييز واحد.
Where people use the
- بناء لوحة حول لون علامة تجارية واحدة.
- إنتاج متغيرات التمرير والنشطة والمعطلة من لهجة واحدة.
- استكشاف بدائل للون الذي فشل في التحقق من التباين.
- توليد منحدر محايد للأسطح والحدود.
How to use the
- 1
اختر لونًا أساسيًا
أدخل قيمة سداسية عشرية مثل 4ECDC4، أو استخدم المنتقي. وكل شيء آخر مشتق من هذا اللون الواحد.
- 2
قراءة مخططات الانسجام
كل مخطط هو دوران هوى مختلف. التكامل هو 180 درجة، الثلاثي هو 120 و 240، وهكذا.
- 3
خذ منحدر الصبغة والظل
تمنحك خمسة صبغات نحو الأبيض وخمسة ظلال نحو الأسود الحالات والارتفاعات التي ستحتاجها في الواجهة الحقيقية.
- 4
انسخ القيم
توجد القائمة الكاملة للقيم السداسية التي تم إنشاؤها في كتلة واحدة، وهي جاهزة للصقه في ورقة أنماط أو ملف رمز مميز للتصميم.
- 5
تحقق من التباين قبل الشحن
قم بتشغيل أي زوج من النص والخلفية من اللوحة من خلال مدقق التباين. المتناغم ليس مثل المقروء.
النصائح وأفضل الممارسات
- اختر اللون الأساسي من العلامة التجارية، ثم اضبط الإضاءة للحالات فقط.
- احجز اللون التكميلي للإجراء الوحيد الذي تريد ملاحظته.
- قم دائمًا بإجراء الاقتران النهائي من خلال فحص التباين قبل الشحن.
الأسئلة المتداولة
ما هو الفرق بين المخططات؟
يستخدم المكمل اللون المعاكس، الذي يعطي أقوى تباين ويناسب عبارة تحث المستخدم على اتخاذ إجراء. يستخدم التناظرية الجيران 30 درجة على الجانبين، وهو هادئ وآمن. يقوم Triadic بتوزيع ثلاثة ألوان بالتساوي، وهو أمر حيوي ويصعب التحكم فيه. يعمل الانقسام التكميلي على تخفيف الصدام التكميلي باستخدام اللونين على جانبي الجانب الآخر. يستخدم Tetradic أربعة ألوان بزوايا قائمة، وهو ما يناسب لوحات المعلومات المعقدة.
لماذا تشترك الألوان المولدة في نفس التشبع والخفة؟
لأن تدوير اللون فقط هو ما يبقيهم مرتبطين بشكل يمكن التعرف عليه. يؤدي تنوع الخفة في نفس الوقت إلى إنتاج ألوان تبدو غير ذات صلة، مما يتعارض مع هدف لوحة الألوان.
هل الصبغات مجرد لون ممزوج باللون الأبيض؟
نعم على نحو فعال، ولكن يتم حسابه في HSL عن طريق زيادة الخفة مع الاحتفاظ بالتدرج اللوني والتشبع. وهذا يحافظ على ثبات اللون، في حين أن المزج الساذج في RGB ينجرف نحو اللون الرمادي.
كم عدد الألوان التي يجب أن تحتوي عليها اللوحة؟
بالنسبة لمعظم الواجهات، يكون لونان أو ثلاثة ألوان بالإضافة إلى منحدر محايد كافيًا. من الصعب استخدام مخطط ذو خمسة ألوان مشبعة بشكل متسق وعادةً ما ينتهي الأمر بالظهور بشكل عرضي.
هل يتحقق من إمكانية الوصول؟
لا، فهو يولد الألوان فقط. استخدم مدقق التباين في أي اقتران تنوي استخدامه للنص.