ألوان أساسية جريئة

قوس قزح متوازن وواثق للرسومات وعلامات الأطفال.

رموز الألوان

HEXRGBHSLCMYK
hsl(358, 100%, 67%)cmyk(0%, 65%, 63%, 0%)
hsl(44, 100%, 61%)cmyk(0%, 21%, 77%, 0%)
hsl(83, 68%, 47%)cmyk(31%, 0%, 81%, 21%)
hsl(203, 77%, 43%)cmyk(87%, 34%, 0%, 23%)
hsl(265, 32%, 44%)cmyk(28%, 48%, 0%, 42%)

CSS

:root {
  --bold-primary-1: #FF595E;
  --bold-primary-2: #FFCA3A;
  --bold-primary-3: #8AC926;
  --bold-primary-4: #1982C4;
  --bold-primary-5: #6A4C93;
}

كيف تعمل هذه الألوان معاً

تجمع درجات متقابلة على العجلة لتباين قوي وحيوي. طابعها العام دافئ. يمتد نطاق الإضاءة 24 نقطة، وهذا يحدد مقدار التباين الممكن.

0 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#FFCA3A⁩ على ⁦#6A4C93⁩ (4.49:1).

ألوان أساسية جريئة — نص مقروء باستخدام أفضل زوج.

تطبيقات مقترحة

  • إطلاق المنتجات التقنية والفعاليات الموسيقية والحملات الجريئة.
  • سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
  • حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.

#rainbow#playful#bold

فحص إمكانية الوصول محاكاة عمى الألوان متغيرات CSS

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

كيف أستخدم لوحة ألوان أساسية جريئة؟
تضم لوحة ألوان أساسية جريئة عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم ⁦#FFCA3A⁩ على ⁦#6A4C93⁩؛ نسبة تباينهما 4.49:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.

لوحات أخرى