رذاذ الحمضيات

درجات الليمون والبرتقال والعنب المنعشة.

رموز الألوان

HEXRGBHSLCMYK
hsl(47, 95%, 52%)cmyk(0%, 20%, 94%, 2%)
hsl(19, 94%, 56%)cmyk(0%, 59%, 85%, 3%)
hsl(354, 81%, 56%)cmyk(0%, 77%, 70%, 8%)
hsl(271, 54%, 39%)cmyk(34%, 70%, 0%, 39%)
hsl(187, 58%, 53%)cmyk(67%, 8%, 0%, 20%)

CSS

:root {
  --citrus-splash-1: #F9C80E;
  --citrus-splash-2: #F86624;
  --citrus-splash-3: #EA3546;
  --citrus-splash-4: #662E9B;
  --citrus-splash-5: #43BCCD;
}

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

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

1 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#F9C80E⁩ على ⁦#662E9B⁩ (5.47:1).

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

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

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

#citrus#vivid#fruit

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

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

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

لوحات أخرى