مولد لوحة الألوان

يقوم مولد لوحة الألوان بتحويل لون أساسي واحد إلى مجموعة منسقة من الألوان باستخدام قواعد تناغم عجلة الألوان. اختر لون البداية واختر الوضع - الظلال والصبغات، أحادية اللون، أو تكميلية، أو مماثلة، أو ثلاثية، أو رباعية - وتقوم الأداة بحساب لوحة متوازنة باستخدام رمز HEX لكل عينة.

مجموعات الألوان الجيدة تتبع العلاقات التي يمكن التنبؤ بها على عجلة ألوان HSL: تجلس الألوان التكميلية مع بعضها البعض ، والألوان المماثلة تجلس بجانب بعضها البعض ، والألوان الثلاثية متباعدة بشكل متساوٍ. إن العمل باليد يعني زوايا التدرج اللوني وقيم الخفة. تقوم هذه الأداة بالحسابات على الفور وتظهر النتيجة حتى تتمكن من اختيار مخطط يعمل.

كل شيء يعمل من جانب العميل. اضبط اللون الأساسي، وقم بتبديل الأوضاع، وانقر فوق أي عينة لنسخ كود HEX الخاص بها، أو استخدم Copy CSS لتصدير اللوحة بأكملها كخصائص مخصصة لـ CSS. لا يوجد حساب ولا تحميلات، ويستمر في العمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.

يوضح أحد الأمثلة العملية كيف يعمل كمولد لوحة ألوان لحفلات الزفاف، بشرط واحد: لا توجد إعدادات مسبقة لحفلات الزفاف، لذا أحضر اللون. اكتب اللون الأخضر الحكيم، #9caf88، باعتباره اللون الأساسي واختر التكميلي. العينات الأربع هي #c2ceb6، #9caf88، الخزامى المغبر #9b88af والأعمق #755e8d، وتقوم Copy CSS بإعادتها كـ --color-100 إلى -color-400. للحصول على نتيجة مولد لوحة ألوان الباستيل، ابدأ من قاعدة شاحبة مثل #a7c7e7: يحافظ التناظري والثلاثي والتترادي على خفته وتشبعه، بحيث تظل كل عينة ناعمة.

تأتي أوضاع التناغم من علاقات عجلة الألوان، وتدوير اللون بكميات ثابتة حول الدائرة: 180 درجة للتكامل، و120 للثلاثي، وخطوات صغيرة للتشابه. تتم الرياضيات بلغة HSL، وهي مريحة وغير موحدة إدراكيًا. تعامل خفة HSL اللونين الأصفر والأزرق بنفس قيمة الضوء المتساوي، وبالنسبة للعين ليسا كذلك، ولهذا السبب يمكن أن تبدو المجموعة الثلاثية متوازنة على الورق وغير متوازنة على الشاشة. تحقق من أي لوحة تخطط لاستخدامها للنص مقابل مدقق التباين بدلاً من الثقة في الأرقام. يتم إنتاج الظلال والصبغات عن طريق تحريك الخفة مع الاحتفاظ باللون والتشبع، مما يبقي الأسرة مرتبطة بشكل واضح وهو ما يجعلها مفيدة كمجموعة من متغيرات CSS.