لوحة Christmas Color Palette

أخضر الصنوبر، وأحمر الكريسماس، وذهبي الزينة، وكريمة الثلج — الرباعية الكلاسيكية للعطلة. المراسي: #1E3A2F، #9B111E، #C9A227، #F8F5EF.

كريسماسعطلةشتاء
#1E3A2F
#9B111E
#C9A227
#F8F5EF
#93A19A
#1e3a2f #9b111e #c9a227 #f8f5ef #93a19a
#1E3A2F #9B111E #C9A227 #F8F5EF #93A19A

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

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

background#F8F5EF
surface#C9A227
text#1E3A2F
text-muted#9B111E
primary#9B111E
secondary#C9A227
accent#93A19A

متغيّرات CSS 

:root {
  --background: #f8f5ef;
  --surface: #c9a227;
  --text: #1e3a2f;
  --text-muted: #9b111e;
  --primary: #9b111e;
  --secondary: #c9a227;
  --accent: #93a19a;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1E3A2F#9B111E#C9A227#F8F5EF#93A19A
#1E3A2F
1.0
1.5
5.1
11.3
4.6
#9B111E
1.5
1.0
3.5
7.7
3.1
#C9A227
5.1
3.5
1.0
2.2
1.1
#F8F5EF
11.3
7.7
2.2
1.0
2.5
#93A19A
4.6
3.1
1.1
2.5
1.0

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

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

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

#1E3A2F
rgb(30, 58, 47)
#9B111E
rgb(155, 17, 30)
#C9A227
rgb(201, 162, 39)
#F8F5EF
rgb(248, 245, 239)
#93A19A
rgb(147, 161, 154)

لوحات مشابهة

Winter Color Palette
Luxury Color Palette
Hotel Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1E3A2F, #9B111E, #C9A227, #F8F5EF, #93A19A.

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

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

Christmas Color Palette — #1E3A2F #9B111E #C9A227 #F8F5EF #93A19A — Tintiva