Color Palette Generator

كيفية الاستخدام

  1. 1

    اختيار التناسق

    اختر قاعدة تناسق الألوان كالمتناسقة أو التكميلية لتحديد العلاقة بين الألوان.

  2. 2

    اختيار المزاج

    حدد الجو بمحدد المزاج. اختر من الباستيل أو النابض أو الداكن لتناسب هوية علامتك.

  3. 3

    توليد

    انقر على توليد لإنشاء لوحات فريدة. اقفل الألوان التي تعجبك وأعد توليد الباقي.

  4. 4

    تصدير

    انسخ رموز Hex الفردية أو انقر تصدير للحصول على إعدادات Tailwind CSS الكاملة.

دليل نظرية الألوان

فهم التناسق اللوني

  • متناسق

    ألوان متجاورة على عجلة الألوان. تخلق تصاميم هادئة ومريحة.

  • متكامل

    ألوان متقابلة على عجلة الألوان. تولد تباينًا عاليًا وتأثيرًا بصريًا قويًا.

  • ثلاثي

    ثلاثة ألوان موزعة بالتساوي على عجلة الألوان. توفر تباينًا عاليًا مع الحفاظ على التناسق.

  • تكميلي منقسم

    تنوع في مخطط الألوان التكميلية. يستخدم لونًا أساسيًا واثنين مجاورين للون التكميلي.

  • أحادي اللون

    تنويعات في الإضاءة والتشبع للون واحد. نظيف وأنيق ومريح.

  • فوضى عشوائية

    ألوان عشوائية تمامًا دون قواعد. مثالية لإلهام غير متوقع.

استكشاف الأمزجة

  • قياسي

    تشبع وسطوع متوازنان. مناسب لتصميم الويب العام ومكونات واجهة المستخدم.

  • أحلام الباستيل

    سطوع عالٍ وتشبع منخفض. ناعم ومهدئ. مثالي لمواضيع نمط الحياة.

  • نيون نابض

    تشبع عالٍ وسطوع متوسط. نابض بالحيوية ولافت للنظر.

  • الوضع الداكن

    سطوع منخفض وألوان غير مشبعة. عميق وغامض وعصري.

  • ريترو كلاسيك

    ألوان منخفضة التشبع ودافئة قليلًا. حنيني وكلاسيكي وخالد.

الأدوات الموصى بها

أدوات مختارة بعناية قد تجدها مفيدة

اختيار ألوان تعمل معاً

نظرة عامة

نظرية الألوان تراكمت قروناً، لكن مصممي الويب يحتاجون لوحات 'تعمل' في دقائق. بناءً على قواعد ثابتة (مكمّل، متشابه، ثلاثي، رباعي)، تولّد هذه الأداة رياضياً لوحات متناغمة من لون أساس. تدعم الوصول WCAG ومتغيرات فاتح/داكن وتصدير (متغيرات CSS، Tailwind، Figma).

كيف يعمل

اختر لوناً أساسياً (HEX، RGB، HSL) واختر مخطط التناغم. تحسب الأداة في فضاء HSL. كل لون يعرض نسبة تباين WCAG لإرشاد ملاءمته للنص والعناوين واللمسات.

متى تستخدمه

تصميم علامة/شعار جديد. اختيار سمة الموقع. تركيب الألوان للعروض والملصقات ووسائل التواصل. بداية نظام التصميم. المسوّقون الباحثون عن ألوان متناغمة مع العلامة.

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

3-5 هو المعيار العملي. أساسي، ثانوي، تمييز، خلفية، أمامي. أكثر من ذلك يصعب إدارته.

مولد لوحة الألوان | Super Easy Utils