لوحة Winter Color Palette

أبيض صقيعي، وأردوازي، وظلّ صنوبر عميق، وأزرق نهر جليدي — باردة وهادئة ونظيفة. المراسي: #E8F1F5، #94A3B8، #334155، #0C4A6E.

شتاءباردساكن
#E8F1F5
#94A3B8
#334155
#0C4A6E
#F5F9FA
#e8f1f5 #94a3b8 #334155 #0c4a6e #f5f9fa
#E8F1F5 #94A3B8 #334155 #0C4A6E #F5F9FA

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

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

background#F5F9FA
surface#E8F1F5
text#334155
text-muted#0C4A6E
primary#0C4A6E
secondary#E8F1F5
accent#94A3B8

متغيّرات CSS 

:root {
  --background: #f5f9fa;
  --surface: #e8f1f5;
  --text: #334155;
  --text-muted: #0c4a6e;
  --primary: #0c4a6e;
  --secondary: #e8f1f5;
  --accent: #94a3b8;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#E8F1F5#94A3B8#334155#0C4A6E#F5F9FA
#E8F1F5
1.0
2.2
9.0
8.3
1.1
#94A3B8
2.2
1.0
4.0
3.7
2.4
#334155
9.0
4.0
1.0
1.1
9.8
#0C4A6E
8.3
3.7
1.1
1.0
8.9
#F5F9FA
1.1
2.4
9.8
8.9
1.0

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

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

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

#E8F1F5
rgb(232, 241, 245)
#94A3B8
rgb(148, 163, 184)
#334155
rgb(51, 65, 85)
#0C4A6E
rgb(12, 74, 110)
#F5F9FA
rgb(245, 249, 250)

لوحات مشابهة

Christmas Color Palette
Dark Mode UI Palette
Mountain Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #E8F1F5, #94A3B8, #334155, #0C4A6E, #F5F9FA.

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

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

Winter Color Palette — #E8F1F5 #94A3B8 #334155 #0C4A6E #F5F9FA — Tintiva