مولّد لوحات الألوان الرئيسية

مولّد لوحات الألوان

عدّل كل لون كما تشاء، وولّد تنسيقات ألوان جديدة، وصدّر لوحة ألوانك بصيغة HEX أو CSS أو Tailwind أو JSON.

المزيد من الأدوات المجانية

عرض كل الأدوات المجانية ←

مولّد لوحات الألوان مجانًا

أنشئ تنسيقات ألوان متناسقة في ثوانٍ: اضغط مفتاح المسافة لتوليد لوحة ألوان جديدة، وثبّت الألوان التي تعجبك، وعدّل الباقي حتى تصل إلى التنسيق المثالي. انسخ أكواد HEX أو صدّر لوحة الألوان بصيغة CSS أو SCSS أو Tailwind أو JSON لاستخدامها في موقعك أو في Figma أو Canva أو أي مشروع تصميم. الأداة مجانية ولا تحتاج إلى إنشاء حساب.

كيف تنشئ لوحة ألوان

  1. ولّداضغط مفتاح المسافة أو زر «ولّد» لترى تنسيقات ألوان جديدة.
  2. ثبّتثبّت بأيقونة القفل الألوان التي تريد الاحتفاظ بها.
  3. عدّلانقر على أي لون لتغييره بمنتقي الألوان أو تحريكه أو حذفه.
  4. صدّرانسخ أكواد HEX أو نزّل الصورة أو صدّر بصيغة CSS أو SCSS أو Tailwind أو JSON.

ماذا يمكنك أن تفعل

المزيد من أدوات الألوان

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

هل مولّد لوحات الألوان مجاني؟

نعم. يمكنك إنشاء لوحات الألوان وحفظها وتصديرها بلا حدود ودون دفع أي شيء أو إنشاء حساب.

كيف أستخدم لوحة الألوان في Figma أو Canva أو CSS؟

انسخ كود HEX لكل لون والصقه في أداتك، أو استخدم «صدّر» للحصول على متغيرات CSS أو SCSS أو إعدادات Tailwind أو ملف JSON.

كيف أحصل على ألوان متناسقة؟

ثبّت لونًا أو لونين يعجبانك وولّد الباقي: يقترح المولّد درجات لونية تتناغم معهما. ويمكنك أيضًا البدء من صورة باستخدام أداة لوحة ألوان من صورة.

هل تُحفظ لوحات الألوان الخاصة بي؟

تُحفظ اللوحات التي تضيفها إلى المفضلة في متصفحك، لذا ستجدها عند عودتك من الجهاز نفسه.

صدّر لوحة الألوان