أداة متخصصة لإنشاء لوحات ألوان متناغمة بناءً على نظرية الألوان. اختر لوناً أساسياً ونوع اللوحة (أحادي، متكامل، متجاور، ثلاثي، رباعي) وستحصل على مجموعة من الألوان المتناسقة. يمكنك نسخ أكواد HEX للألوان الفردية أو الحصول على كود CSS Variables جاهز للاستخدام في مشاريعك.

مثالية للمصممين والمطورين لإنشاء أنظمة ألوان متكاملة للمواقع والتطبيقات. تدعم الأداة إنشاء لوحات أحادية اللون مع تحكم في عدد الألوان (3-9)، وأنماط متقدمة مثل التكميلية والتجاورية والثلاثية والرباعية.

تعتمد هذه الأداة على نموذج HSL (Hue, Saturation, Lightness) لتوليد الألوان المتناغمة. تقوم بتحويل اللون الأساسي إلى HSL ثم تطبيق التحولات الزاوية المناسبة لكل نوع من اللوحات. على سبيل المثال، اللوحة المتكاملة (Complementary) تضيف 180 درجة إلى درجة اللون الأساسي، بينما اللوحة الثلاثية (Triadic) تضيف 120 درجة و240 درجة. اللوحة الأحادية تحافظ على نفس درجة اللون وتغير الإضاءة فقط. جميع الألوان تعرض كأكواد HEX ويمكن نسخها فردياً. يتم أيضاً إنشاء كود CSS متغيرات (Custom Properties) يمكن لصقه مباشرة في ملف CSS. الأداة تعمل محلياً بالكامل – لا يتم إرسال أي بيانات إلى الخادم.

• اختر لوناً أساسياً : استخدم منتقي الألوان لتحديد اللون الذي تريد بناء اللوحة عليه.
• اختر نوع اللوحة : أحادي (تدرجات من نفس اللون)، متكامل (لون مقابل)، متجاور (ألوان متجاورة في عجلة الألوان)، ثلاثي (ثلاثة ألوان بزوايا 120°)، رباعي (أربعة ألوان بزوايا 90°).
• عدد الألوان (للأحادي) : إذا اخترت النوع الأحادي، يمكنك تحديد عدد الألوان المطلوبة (من 3 إلى 9).
• شاهد اللوحة : تظهر الألوان على شكل بطاقات مع أكواد HEX. يمكنك نسخ أي لون بالضغط على زر "نسخ" أسفل كل لون.
• نسخ CSS Variables : اضغط زر "نسخ الكود" للحصول على كود CSS متغيرات (custom properties) جاهز للصق في ملف CSS الخاص بك.
• استخدامات : تصميم أنظمة ألوان للمواقع، إنشاء لوحات متناسقة للعلامات التجارية، اختبار توافق الألوان.