لوحة Space Color Palette

كحلي الفضاء العميق، وبنفسجي السديم، وأرجواني كوني، وضوء النجوم — عمق دون سواد. المراسي: #0B1026، #2E1A47، #6D28D9، #E2E8F0.

فضاءكونيداكن
#0B1026
#2E1A47
#6D28D9
#E2E8F0
#888996
#0b1026 #2e1a47 #6d28d9 #e2e8f0 #888996
#0B1026 #2E1A47 #6D28D9 #E2E8F0 #888996

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

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

background#E2E8F0
surface#888996
text#0B1026
text-muted#2E1A47
primary#6D28D9
secondary#2E1A47
accent#888996

متغيّرات CSS 

:root {
  --background: #e2e8f0;
  --surface: #888996;
  --text: #0b1026;
  --text-muted: #2e1a47;
  --primary: #6d28d9;
  --secondary: #2e1a47;
  --accent: #888996;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0B1026#2E1A47#6D28D9#E2E8F0#888996
#0B1026
1.0
1.2
2.6
15.3
5.4
#2E1A47
1.2
1.0
2.2
12.6
4.5
#6D28D9
2.6
2.2
1.0
5.8
2.0
#E2E8F0
15.3
12.6
5.8
1.0
2.8
#888996
5.4
4.5
2.0
2.8
1.0

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

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

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

#0B1026
rgb(11, 16, 38)
#2E1A47
rgb(46, 26, 71)
#6D28D9
rgb(109, 40, 217)
#E2E8F0
rgb(226, 232, 240)
#888996
rgb(136, 137, 150)

لوحات مشابهة

Dark Mode UI Palette
Dark Color Palette
Flint Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0B1026, #2E1A47, #6D28D9, #E2E8F0, #888996.

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

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

Space Color Palette — #0B1026 #2E1A47 #6D28D9 #E2E8F0 #888996 — Tintiva