تم النسخ
هذه الصفحة لم تُترجم بالكامل بعد. الواجهة مترجمة، لكن المحتوى يُعرض مؤقتاً بالإنجليزية. لن تتم فهرسة صفحة العرض الاحتياطي حتى تتوفر ترجمة منشورة.
Company Palettes

M&M's لوحة ألوان

M&M's colour لوحة inspiration with recognisable brand-style colours for mood boards, comparison and creative direction.

فتح أداة الألوان

حول هذه اللوحة

This M&M's لوحة is a practical, brand-inspired reference for visual research, mood boards and comparative design work. The colours shown are #5A2D0C, #F7C948, #D62828, #FFFFFF.

استخدم the لوحة to study how a recognisable confectionery brand can combine a dominant identity colour with neutrals and supporting accents. It is an inspiration resource rather than an official brand-guideline specification, so check the brand owner's current standards before production use.

You can also explore related company لوحات, open the لوحة in the colour tool, or compare it with articles that use similar colour ideas.

ألوان هذه اللوحة

Click any colour to copy the HEX value, or open the full لوحة in the colour tool to test harmonies, contrast and CSS export options.

Primary brand colour
Supporting brand colour
Supporting brand colour
Neutral / supporting colour

كيفية استخدام هذه اللوحة

  • القاعدة: استخدم اللون الأكثر هدوءًا أو الأفتح كقاعدة، واترك الدرجات الأقوى لإضافة الشخصية والتركيز.
  • التباين: حدّد دائمًا لونًا فاتحًا وآخر داكنًا قبل استخدام اللوحة للنصوص أو الأزرار أو المعلومات المهمة.
  • الإبراز: احتفظ باللون الأكثر حيوية لمساحات صغيرة حتى يجذب الانتباه من دون أن يسيطر على التكوين.
  • السياق: اختبر الألوان على الخامة الحقيقية وفي الإضاءة الحقيقية أو على الأجهزة المستخدمة فعليًا قبل اعتمادها.
  • الاتساق: امنح كل لون وظيفة ثابتة وكرر هذه الوظائف بين الصفحات أو الغرف أو الوسائط المختلفة.

متغيرات الألوان في CSS

نسخ these variables into your stylesheet or design system.

:root {
  --لوحة-colour-1: #5A2D0C;
  --لوحة-colour-2: #F7C948;
  --لوحة-colour-3: #D62828;
  --لوحة-colour-4: #FFFFFF;
}

لوحات مشابهة

These لوحات share similar وسمs or colour ideas, so they are useful next steps if you want a related look.

مقالات عن ألوان مشابهة

Read more colour stories, design guides and لوحة ideas that connect to this page.

صورة توضيحية لموضوع «كيف تختار ألوان العلامة للشخصية التي تريدها فعلًا؟» على Palette Burst
كيف تختار ألوان العلامة للشخصية التي تريدها فعلًا؟
دليل عملي حول «كيف تختار ألوان العلامة للشخصية التي تريدها فعلًا؟» يركز على هرمية الألوان والتباين والسياق الحقيقي …
3 دقائق قراءة · ١٤‏/٠٨‏/٢٠٢٦
صورة توضيحية لموضوع «10 لوحات لمواقع تبدو مصممة لا عامة ومكررة» على Palette Burst
10 لوحات لمواقع تبدو مصممة لا عامة ومكررة
دليل عملي حول «10 لوحات لمواقع تبدو مصممة لا عامة ومكررة» يركز على هرمية الألوان والتباين والسياق الحقيقي وتركيبات …
3 دقائق قراءة · ١٤‏/٠٨‏/٢٠٢٦
صورة توضيحية لموضوع «لوحات ألوان للعلامات التجارية الصغيرة» على Palette Burst
لوحات ألوان للعلامات التجارية الصغيرة
دليل عملي حول «لوحات ألوان للعلامات التجارية الصغيرة» يركز على هرمية الألوان والتباين والسياق الحقيقي وتركيبات يسهل…
4 دقائق قراءة · ٢٩‏/٠٦‏/٢٠٢٦

استكشف اتجاهات لونية أخرى

Move beyond this لوحة and browse other live Palette Burst categories, using real colours from the database rather than a generic placeholder strip.