لوحة Diwali Color Palette

آذريون، وذهبي الديا، وأحمر عميق، وأرجواني ملكي — مهرجان الأنوار في أربعة ألوان. المراسي: #B45309، #F59E0B، #9B111E، #4C1D95.

ديواليمهرجانأضواء
#B45309
#F59E0B
#9B111E
#4C1D95
#E7B090
#b45309 #f59e0b #9b111e #4c1d95 #e7b090
#B45309 #F59E0B #9B111E #4C1D95 #E7B090

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

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

background#E7B090
surface#F59E0B
text#4C1D95
text-muted#9B111E
primary#F59E0B
secondary#B45309
accent#9B111E

متغيّرات CSS 

:root {
  --background: #e7b090;
  --surface: #f59e0b;
  --text: #4c1d95;
  --text-muted: #9b111e;
  --primary: #f59e0b;
  --secondary: #b45309;
  --accent: #9b111e;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#B45309#F59E0B#9B111E#4C1D95#E7B090
#B45309
1.0
2.3
1.7
2.2
2.6
#F59E0B
2.3
1.0
3.9
5.1
1.1
#9B111E
1.7
3.9
1.0
1.3
4.4
#4C1D95
2.2
5.1
1.3
1.0
5.7
#E7B090
2.6
1.1
4.4
5.7
1.0

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

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

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

#B45309
rgb(180, 83, 9)
#F59E0B
rgb(245, 158, 11)
#9B111E
rgb(155, 17, 30)
#4C1D95
rgb(76, 29, 149)
#E7B090
rgb(231, 176, 144)

لوحات مشابهة

Dashboard Color Palette
Restaurant Color Palette
Desert Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #B45309, #F59E0B, #9B111E, #4C1D95, #E7B090.

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

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

Diwali Color Palette — #B45309 #F59E0B #9B111E #4C1D95 #E7B090 — Tintiva