لوحة New Year Color Palette

أسود منتصف الليل، وذهبي الشامبانيا، وفضي، وبنفسجي الألعاب النارية — بريق العدّ التنازلي. المراسي: #0A0A0A، #C9A227، #E5E7EB، #7C3AED.

رأس السنةاحتفالمنتصف الليل
#0A0A0A
#C9A227
#E5E7EB
#7C3AED
#878787
#0a0a0a #c9a227 #e5e7eb #7c3aed #878787
#0A0A0A #C9A227 #E5E7EB #7C3AED #878787

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

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

background#E5E7EB
surface#C9A227
text#0A0A0A
text-muted#7C3AED
primary#C9A227
secondary#7C3AED
accent#878787

متغيّرات CSS 

:root {
  --background: #e5e7eb;
  --surface: #c9a227;
  --text: #0a0a0a;
  --text-muted: #7c3aed;
  --primary: #c9a227;
  --secondary: #7c3aed;
  --accent: #878787;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0A0A0A#C9A227#E5E7EB#7C3AED#878787
#0A0A0A
1.0
8.2
16.0
3.5
5.5
#C9A227
8.2
1.0
1.9
2.4
1.5
#E5E7EB
16.0
1.9
1.0
4.6
2.9
#7C3AED
3.5
2.4
4.6
1.0
1.6
#878787
5.5
1.5
2.9
1.6
1.0

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

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

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

#0A0A0A
rgb(10, 10, 10)
#C9A227
rgb(201, 162, 39)
#E5E7EB
rgb(229, 231, 235)
#7C3AED
rgb(124, 58, 237)
#878787
rgb(135, 135, 135)

لوحات مشابهة

Eid Color Palette
Luxury Color Palette
Mobile App Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0A0A0A, #C9A227, #E5E7EB, #7C3AED, #878787.

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

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

New Year Color Palette — #0A0A0A #C9A227 #E5E7EB #7C3AED #878787 — Tintiva