لوحة Mountain Color Palette

جرانيت، وركام صخري، وأبيض حقول ثلجية، وأزرق بحيرة ألبية — تكديس بارد منضبط. المراسي: #475569، #94A3B8، #E2E8F0، #1E3A5F.

جبالألبيبارد
#475569
#94A3B8
#E2E8F0
#1E3A5F
#A8AEB9
#475569 #94a3b8 #e2e8f0 #1e3a5f #a8aeb9
#475569 #94A3B8 #E2E8F0 #1E3A5F #A8AEB9

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

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

background#E2E8F0
surface#A8AEB9
text#1E3A5F
text-muted#475569
primary#475569
secondary#94A3B8
accent#A8AEB9

متغيّرات CSS 

:root {
  --background: #e2e8f0;
  --surface: #a8aeb9;
  --text: #1e3a5f;
  --text-muted: #475569;
  --primary: #475569;
  --secondary: #94a3b8;
  --accent: #a8aeb9;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#475569#94A3B8#E2E8F0#1E3A5F#A8AEB9
#475569
1.0
3.0
6.2
1.5
3.4
#94A3B8
3.0
1.0
2.1
4.5
1.1
#E2E8F0
6.2
2.1
1.0
9.3
1.8
#1E3A5F
1.5
4.5
9.3
1.0
5.2
#A8AEB9
3.4
1.1
1.8
5.2
1.0

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

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

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

#475569
rgb(71, 85, 105)
#94A3B8
rgb(148, 163, 184)
#E2E8F0
rgb(226, 232, 240)
#1E3A5F
rgb(30, 58, 95)
#A8AEB9
rgb(168, 174, 185)

لوحات مشابهة

Cool Gray Color Palette
Dove Gray Color Palette
Fog Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #475569, #94A3B8, #E2E8F0, #1E3A5F, #A8AEB9.

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

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

Mountain Color Palette — #475569 #94A3B8 #E2E8F0 #1E3A5F #A8AEB9 — Tintiva