لوحة Travel Color Palette

أزرق محيطي، وسماوي بحيري، وأصفر شمسي — لوحة بطاقات بريدية تُقرأ بحجم المصغّرة. المراسي: #023E8A، #00B4D8، #FFD166.

سفرسياحةمشمس
#023E8A
#00B4D8
#FFD166
#9CA2CA
#257890
#023e8a #00b4d8 #ffd166 #9ca2ca #257890
#023E8A #00B4D8 #FFD166 #9CA2CA #257890

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

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

background#FFD166
surface#00B4D8
text#023E8A
text-muted#257890
primary#00B4D8
secondary#9CA2CA
accent#257890

متغيّرات CSS 

:root {
  --background: #ffd166;
  --surface: #00b4d8;
  --text: #023e8a;
  --text-muted: #257890;
  --primary: #00b4d8;
  --secondary: #9ca2ca;
  --accent: #257890;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#023E8A#00B4D8#FFD166#9CA2CA#257890
#023E8A
1.0
4.1
7.1
4.1
2.0
#00B4D8
4.1
1.0
1.7
1.0
2.0
#FFD166
7.1
1.7
1.0
1.7
3.5
#9CA2CA
4.1
1.0
1.7
1.0
2.0
#257890
2.0
2.0
3.5
2.0
1.0

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

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

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

#023E8A
rgb(2, 62, 138)
#00B4D8
rgb(0, 180, 216)
#FFD166
rgb(255, 209, 102)
#9CA2CA
rgb(156, 162, 202)
#257890
rgb(37, 120, 144)

لوحات مشابهة

Summer Color Palette
Azure Color Palette
Beach Color Palette

أسئلة شائعة

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

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

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

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

Travel Color Palette — #023E8A #00B4D8 #FFD166 #9CA2CA #257890 — Tintiva