لوحة Summer Color Palette

سماوي حوض السباحة، وأصفر شمسي، وأحمر بطيخ، وأبيض ساطع — سطوع الموسم. المراسي: #00B4D8، #FFD166، #F25C54، #F8F9FA.

صيفزاهٍشمس
#00B4D8
#FFD166
#F25C54
#F8F9FA
#AEDDEE
#00b4d8 #ffd166 #f25c54 #f8f9fa #aeddee
#00B4D8 #FFD166 #F25C54 #F8F9FA #AEDDEE

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

تُسنَد تلقائياً: الأفتح = الخلفية، الأغمق = النص، الأكثر تشبّعاً = اللون الأساسي.

background#F8F9FA
surface#FFD166
text#F25C54
text-muted#00B4D8
primary#00B4D8
secondary#FFD166
accent#AEDDEE

متغيّرات CSS 

:root {
  --background: #f8f9fa;
  --surface: #ffd166;
  --text: #f25c54;
  --text-muted: #00b4d8;
  --primary: #00b4d8;
  --secondary: #ffd166;
  --accent: #aeddee;
}
معاينة في الواجهات →

مصفوفة إمكانية الوصول

لون النص (الصفوف) على الخلفية (الأعمدة). الأخضر = اجتياز WCAG AA للنص العادي (≥4.5:1).

النص \ الخلفية#00B4D8#FFD166#F25C54#F8F9FA#AEDDEE
#00B4D8
1.0
1.7
1.3
2.3
1.7
#FFD166
1.7
1.0
2.3
1.4
1.0
#F25C54
1.3
2.3
1.0
3.1
2.2
#F8F9FA
2.3
1.4
3.1
1.0
1.4
#AEDDEE
1.7
1.0
2.2
1.4
1.0

تحت عمى اللون الأخضر-الأحمر

محاكاة Machado وزملائه (2009)، شدة 1.0 — تقدير تقريبي وليست أداة طبية.

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

#00B4D8
rgb(0, 180, 216)
#FFD166
rgb(255, 209, 102)
#F25C54
rgb(242, 92, 84)
#F8F9FA
rgb(248, 249, 250)
#AEDDEE
rgb(174, 221, 238)

لوحات مشابهة

Amber Color Palette
Travel Color Palette
Branding Color Palette

أسئلة شائعة

كيف أستخدم Summer Color Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #00B4D8, #FFD166, #F25C54, #F8F9FA, #AEDDEE.

هل تجتاز هذه الألوان فحوصات إمكانية الوصول؟

راجع مصفوفة WCAG في هذه الصفحة: كل اقتران نص-على-خلفية بنسبة ≥ 4.5 يجتاز AA للنص العادي؛ و≥ 3 يجتاز AA للنص الكبير ومكوّنات الواجهة.

Summer Color Palette — #00B4D8 #FFD166 #F25C54 #F8F9FA #AEDDEE — Tintiva