لوحة Education Color Palette

كحلي مركّز، وأزرق متوسط ودود، وأبيض ورقي نظيف، وأحمر انتباه واحد للتصحيحات. المراسي: #1D3557، #457B9D، #F1FAEE، #E63946.

تعليمتعلّمودود
#1D3557
#457B9D
#F1FAEE
#E63946
#969DB0
#1d3557 #457b9d #f1faee #e63946 #969db0
#1D3557 #457B9D #F1FAEE #E63946 #969DB0

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

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

background#F1FAEE
surface#969DB0
text#1D3557
text-muted#457B9D
primary#E63946
secondary#457B9D
accent#969DB0

متغيّرات CSS 

:root {
  --background: #f1faee;
  --surface: #969db0;
  --text: #1d3557;
  --text-muted: #457b9d;
  --primary: #e63946;
  --secondary: #457b9d;
  --accent: #969db0;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1D3557#457B9D#F1FAEE#E63946#969DB0
#1D3557
1.0
2.7
11.6
3.0
4.6
#457B9D
2.7
1.0
4.3
1.1
1.7
#F1FAEE
11.6
4.3
1.0
3.9
2.5
#E63946
3.0
1.1
3.9
1.0
1.5
#969DB0
4.6
1.7
2.5
1.5
1.0

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

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

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

#1D3557
rgb(29, 53, 87)
#457B9D
rgb(69, 123, 157)
#F1FAEE
rgb(241, 250, 238)
#E63946
rgb(230, 57, 70)
#969DB0
rgb(150, 157, 176)

لوحات مشابهة

Triadic Color Palette
Crimson Color Palette
Mountain Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1D3557, #457B9D, #F1FAEE, #E63946, #969DB0.

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

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

Education Color Palette — #1D3557 #457B9D #F1FAEE #E63946 #969DB0 — Tintiva