لوحة Halloween Color Palette

أسود منتصف الليل، وبرتقالي القرع، وبنفسجي الساحرة، ولمسة لايم سامّة — مخيف مرح، لا دموي. المراسي: #1A1A1A، #F97316، #6D28D9، #A3E635.

هالوينأكتوبرمخيف
#1A1A1A
#F97316
#6D28D9
#A3E635
#8E8E8E
#1a1a1a #f97316 #6d28d9 #a3e635 #8e8e8e
#1A1A1A #F97316 #6D28D9 #A3E635 #8E8E8E

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

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

background#A3E635
surface#F97316
text#1A1A1A
text-muted#6D28D9
primary#F97316
secondary#6D28D9
accent#8E8E8E

متغيّرات CSS 

:root {
  --background: #a3e635;
  --surface: #f97316;
  --text: #1a1a1a;
  --text-muted: #6d28d9;
  --primary: #f97316;
  --secondary: #6d28d9;
  --accent: #8e8e8e;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1A1A1A#F97316#6D28D9#A3E635#8E8E8E
#1A1A1A
1.0
6.2
2.5
11.5
5.3
#F97316
6.2
1.0
2.5
1.9
1.2
#6D28D9
2.5
2.5
1.0
4.7
2.2
#A3E635
11.5
1.9
4.7
1.0
2.2
#8E8E8E
5.3
1.2
2.2
2.2
1.0

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

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

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

#1A1A1A
rgb(26, 26, 26)
#F97316
rgb(249, 115, 22)
#6D28D9
rgb(109, 40, 217)
#A3E635
rgb(163, 230, 53)
#8E8E8E
rgb(142, 142, 142)

لوحات مشابهة

E-commerce Color Palette
Fitness Color Palette
Nature Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1A1A1A, #F97316, #6D28D9, #A3E635, #8E8E8E.

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

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

Halloween Color Palette — #1A1A1A #F97316 #6D28D9 #A3E635 #8E8E8E — Tintiva