لوحة Neon Color Palette

ألوان كهربائية بأقصى تشبّع على أرضية داكنة — اللافتات والألعاب والحياة الليلية. المراسي: #0A0A0A، #39FF14، #FF10F0.

نيونكهربائي
#0A0A0A
#39FF14
#FF10F0
#00E5FF
#FFEE00
#0a0a0a #39ff14 #ff10f0 #00e5ff #ffee00
#0A0A0A #39FF14 #FF10F0 #00E5FF #FFEE00

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

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

background#FFEE00
surface#39FF14
text#0A0A0A
text-muted#FF10F0
primary#00E5FF
secondary#39FF14
accent#FF10F0

متغيّرات CSS 

:root {
  --background: #ffee00;
  --surface: #39ff14;
  --text: #0a0a0a;
  --text-muted: #ff10f0;
  --primary: #00e5ff;
  --secondary: #39ff14;
  --accent: #ff10f0;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0A0A0A#39FF14#FF10F0#00E5FF#FFEE00
#0A0A0A
1.0
14.6
6.2
12.9
16.5
#39FF14
14.6
1.0
2.4
1.1
1.1
#FF10F0
6.2
2.4
1.0
2.1
2.7
#00E5FF
12.9
1.1
2.1
1.0
1.3
#FFEE00
16.5
1.1
2.7
1.3
1.0

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

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

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

#0A0A0A
rgb(10, 10, 10)
#39FF14
rgb(57, 255, 20)
#FF10F0
rgb(255, 16, 240)
#00E5FF
rgb(0, 229, 255)
#FFEE00
rgb(255, 238, 0)

لوحات مشابهة

New Year Color Palette
Lime Color Palette
Logo Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0A0A0A, #39FF14, #FF10F0, #00E5FF, #FFEE00.

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

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

Neon Color Palette — #0A0A0A #39FF14 #FF10F0 #00E5FF #FFEE00 — Tintiva