مولّد الألوان ولوحات الألوان المتناسقة

مولّد لوحات الألوان أداة أساسية لكل مصمم ومطور. اختر لونًا أساسيًا وسيوّلد لك المولّد لوحة متناسقة تشمل أكواد HEX وRGB وHSL. يدعم أربعة أنواع من التناسق اللوني إضافة إلى وضع التوليد العشوائي للإلهام.

المعادلة المستخدمة

يُحوَّل لون HEX إلى RGB ثم HSL. تُحسب الألوان المتكاملة بإضافة 180° لزاوية اللون (hue). الألوان الثلاثية تُضيف 120° و240°. الألوان المتجاورة تُضيف/تطرح 15° و30°. الدرجات تُغيّر قيمة lightness من 20% إلى 80%.

أمثلة عملية

  • اللون الأساسي: #3b82f6 (أزرق) — نوع: درجات اللون5 درجات من الأزرق الداكن إلى الفاتح: #0d3b8e، #1e5bc6، #3b82f6، #6ba5f7، #b9d3fb
  • اللون الأساسي: #e11d48 (أحمر) — نوع: ألوان متكاملة5 ألوان تجمع الأحمر ومكمّله الأخضر مع تدرجاتهما

الأسئلة الشائعة

ما الفرق بين الألوان المتكاملة والثلاثية؟
المتكاملة (complementary) لونان متقابلان في عجلة الألوان بفارق 180° — تباين قوي. الثلاثية (triadic) ثلاثة ألوان متساوية البعد بفارق 120° — تناسق نابض بالحياة.
كيف أنسخ كود اللون؟
انقر على أي مربع لون في اللوحة لنسخ كود HEX تلقائيًا.
ما معنى قيم HSL؟
H = Hue (زاوية اللون 0-360°)، S = Saturation (التشبع 0-100%)، L = Lightness (الإضاءة 0-100%).
هل يمكنني تحميل اللوحة؟
يمكنك نسخ جميع أكواد HEX بزر 'نسخ الكل' أو نسخ كل لون بالنقر عليه.
ما الفرق بين RGB وHEX؟
HEX هو تمثيل سداسي عشري لـRGB — #ff0000 تعني R=255، G=0، B=0. كلاهما يصف نفس اللون بطرق مختلفة.

أدوات ذات صلة