لوحة Luxury Color Palette

أسود وفحمي وذهبي عتيق. التوليفة الكلاسيكية الراقية — انضباط مع لمسة معدنية.

فخمأنيقداكن
#1C1C1C
#2E2E2E
#C9A227
#8C6D2F
#F5EFE0
#1c1c1c #2e2e2e #c9a227 #8c6d2f #f5efe0
#1C1C1C #2E2E2E #C9A227 #8C6D2F #F5EFE0

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

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

background#F5EFE0
surface#C9A227
text#1C1C1C
text-muted#2E2E2E
primary#C9A227
secondary#2E2E2E
accent#8C6D2F

متغيّرات CSS 

:root {
  --background: #f5efe0;
  --surface: #c9a227;
  --text: #1c1c1c;
  --text-muted: #2e2e2e;
  --primary: #c9a227;
  --secondary: #2e2e2e;
  --accent: #8c6d2f;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1C1C1C#2E2E2E#C9A227#8C6D2F#F5EFE0
#1C1C1C
1.0
1.3
7.0
3.5
14.9
#2E2E2E
1.3
1.0
5.6
2.8
11.8
#C9A227
7.0
5.6
1.0
2.0
2.1
#8C6D2F
3.5
2.8
2.0
1.0
4.2
#F5EFE0
14.9
11.8
2.1
4.2
1.0

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

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

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

#1C1C1C
rgb(28, 28, 28)
#2E2E2E
rgb(46, 46, 46)
#C9A227
rgb(201, 162, 39)
#8C6D2F
rgb(140, 109, 47)
#F5EFE0
rgb(245, 239, 224)

لوحات مشابهة

Hotel Color Palette
Charcoal Color Palette
Gold Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1C1C1C, #2E2E2E, #C9A227, #8C6D2F, #F5EFE0.

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

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

Luxury Color Palette — #1C1C1C #2E2E2E #C9A227 #8C6D2F #F5EFE0 — Tintiva