👤 3,163 total uses◯ Free: 5 uses/day • Resets in 10h 5m
الإبداع والتصميم

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

قم بإنشاء لوحات ألوان متناغمة مع رموز سداسية عشرية، وقيم RGB، وإرشادات الاستخدام. يدعم الأنماط التكميلية، والمماثلة، والثلاثية، والخاصة بالعلامة التجارية.

تعرف على المزيد

أنشئ لوحات ألوان جميلة وهادفة لأي مشروع. احصل على أكواد hex وقيم RGB وشروحات لسيكولوجية الألوان ونسب تباين متوافقة مع إمكانية الوصول وتوصيات استخدام محدّدة للألوان الأساسية والثانوية وألوان التمييز.

0 / 3000

✓ مجاني للاستخدام — بلا تسجيل وبلا بطاقة ائتمان.

المطوّرون

Calm palette for a meditation app

Developers and designers who need a cohesive, accessibility-aware palette with clear UI roles.

عرض معاينة الإدخال والإخراج

الإدخال

Project Description
A meditation and sleep app with guided sessions and soundscapes. We want the UI to feel soothing and reduce screen anxiety, with strong dark-mode support.
Mood
calm
Industry
wellness / health tech
Base Color
deep indigo
Palette Size
5

الإخراج (مقتطف)

PALETTE (calm, dark-mode-ready): Midnight Indigo #1B1B3A (primary bg), Twilight #3A3A6A (surface), Moonmist #A9B4D6 (secondary text), Soft Sage #9DC8B6 (calming accent / progress), Warm Sand #E8DCC4 (highlight for CTAs). USAGE: indigo and twilight carry the night theme; sage signals 'breathe/continue'; sand keeps CTAs from feeling clinical. All text pairings clear WCAG AA on their intended backgrounds. Light-mode variant: lift values 30% and swap bg to #F5F4FA.
المسوّقون

Energetic palette for a sports drink brand

Marketers who want a shelf-popping, on-brand palette ready for packaging and digital.

عرض معاينة الإدخال والإخراج

الإدخال

Project Description
A new electrolyte drink brand targeting young athletes. Packaging, social, and a landing page that should feel high-energy and stand out on a crowded shelf.
Mood
energetic
Industry
sports nutrition / beverage
Base Color
#FF3B30
Palette Size
5

الإخراج (مقتطف)

PALETTE (energetic): Voltage Red #FF3B30 (hero), Citrus Punch #FFB300 (secondary), Ion Blue #0091FF (cool contrast), Carbon #14110F (text/depth), Pure White #FFFFFF (negative space). USAGE: red+amber owns the shelf and grabs the thumb-stop on social; ion blue cools the mix so it reads athletic, not candy. Carbon anchors typography for punch. Pairing rule: never red text on amber — use carbon. Great for cans, bold headlines, and a high-contrast landing hero.
المستقلّون

Luxurious three-color palette for a boutique hotel

Freelance designers who need a tight, sophisticated palette for a premium hospitality client.

عرض معاينة الإدخال والإخراج

الإدخال

Project Description
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
Mood
luxurious
Industry
hospitality
Base Color
Palette Size
3

الإخراج (مقتطف)

PALETTE (luxurious, restrained): Deep Brine #14302E (primary — a dark coastal green), Champagne #D9C7A3 (gold-toned neutral for accents and foil), Bone #F2EEE6 (paper/background). USAGE: brine reads expensive and timeless on signage and footers; champagne is the foil/gold-stamp accent for menus and key cards; bone keeps everything breathing. Two-color rule keeps it elegant — never more than a champagne hairline on brine. Pairs beautifully with a high-contrast serif.

ستظهر نتائج مولد لوحة الألوان هنا

توقَّع نصًا حيويًا غنيًا بالأفكار. أعد التوليد بزوايا مختلفة حتى يلائمك شيء ما.

كيفية الاستخدام مولد لوحة الألوان

  1. وصف مشروعك وهدفه.
  2. اختر الحالة المزاجية والصناعة.
  3. اختياريًا، حدد لونًا أساسيًا للبناء حوله.
  4. اختر حجم اللوحة.
  5. استخدم رموز الهيكس والمتغيرات CSS مباشرة في مشروعك.

حالات الاستخدام

1

صمم مخططات ألوان لمواقع الويب والتطبيقات

2

أنشئ إرشادات ألوان العلامة التجارية

3

تطوير أنظمة ألوان لمواد التسويق

4

قم بإنشاء لوحات ألوان واجهة مستخدم قابلة للوصول

نصائح للحصول على أفضل النتائج

  • قاعدة 60-30-10: 60% أساسي، 30% ثانوي، 10% تمييز يخلق تناغمًا بصريًا.
  • تحقق دائمًا من نسب التباين من أجل الوصول — تتطلب WCAG AA 4.5:1 للنص.
  • إذا كان لديك شعار موجود، فاستخدم ألوانه كأساس للوحتك.
  • الوضع الداكن ليس مجرد عكس للألوان — توفّر اللوحة تكييفات محددة للوضع الداكن.

أسئلة شائعة

هل رموز الهيكس جاهزة للإنتاج؟

نعم — ستحصل على رموز hex دقيقة وقيم RGB يمكنك استخدامها مباشرة في CSS، أو أدوات التصميم، أو مواصفات الطباعة.

كيف أضمن إمكانية الوصول؟

تتحقق الأداة من نسب التباين WCAG وتوافق الألوان العمياء. تحقق دائمًا من أن تركيبات النص/الخلفية تلبي معايير AA (4.5:1) أو AAA (7:1).

هل يمكنني البناء حول لون علامة تجارية موجود؟

نعم! أدخل لونك الحالي في حقل اللون الأساسي، وسينشئ الذكاء الاصطناعي لوحة ألوان مكملة حوله.

ما الفرق بين لوحات الألوان 3 و 5 و 7؟

3 ألوان رائعة للتصاميم البسيطة والمركزة. 5 ألوان (قياسية) تغطي الأساسي والثانوي واللون المميز والخلفية والنص. 7 ألوان تضيف المزيد من الفروق الدقيقة للواجهات المعقدة ومواد التسويق.

جزء من سير العمل هذا

تُستخدم هذه الأداة في أدلة خطوة بخطوة تساعدك على إنجاز المزيد

🔒
خصوصيتك محمية

نحن لا نخزن نصك. تتم المعالجة في الوقت الحقيقي ويتم التخلص من إدخالك على الفور بعد توليد النتيجة.

فتح الوصول غير المحدود

المستخدمون المجانيون: 10 استخدامات في اليوم | المستخدمون المحترفون: غير محدود

⚖️ قارن هذه الأداة

تعرّف على كيفية أداء هذه الأداة في مقارنة مباشرة:

مولد لوحة الألوان vs. مولد لوحة المزاج عرض المقارنة →

✍️ مكتبة الموجهات

أوامر جاهزة للاستخدام — انقر على "استخدم هذا" لتعبئة الأداة تلقائيًا

اكتب موجزًا إبداعيًا لمشروع هوية بصرية لـ [company type]. تضمّن النبرة والقيم والتوجه البصري.

اقترح 10 أفكار لشعارات تسويقية لـ [brand] تُبرز [key value].

صف مفهوم صورة رئيسية (hero image) لصفحة هبوط تبيع [product]. اشمل الألوان والمزاج والتكوين.

اكتب موجزًا لتسمية منتج جديد من نوع [product type] يستهدف [audience].

أنشئ وصفًا للوحة مزاجية (5-7 مراجع بصرية) لعلامة تجارية ذات شخصية [brand personality].

🔒

⚡ موجهات Pro

اكتب ملف نصوص UX كاملًا لمسار تأهيل المستخدمين…...
أنشئ دليلًا شاملًا لصوت العلامة التجارية لـ [brand…...
أنشئ موجزًا إبداعيًا كاملًا لإعلان حملة من نوع…...
الترقية إلى Pro ←

أدوات ذات صلة

جرّب هذا الوكيل

Marken-BuilderMarkennamen generieren, Slogan erstellen, Markenstory schreiben und Markenrichtlinien definieren.جرّب هذا الوكيل →

سير عمل ذو صلة

Wettbewerbsanalyse-BriefingFügen Sie eine Wettbewerber-URL oder einen Text ein → erhalten Sie eine Positionierungsanalyse + eine Auswahlliste…تشغيل سير العمل →