لوحة Vibrant Color Palette

ألوان عالية التشبّع موزّعة على العجلة — أقصى طاقة للرياضة والألعاب وعلامات الشباب. المراسي: #FF004C، #FF8C00، #FFD700.

نابضجسور
#FF004C
#FF8C00
#FFD700
#00E07F
#00AAFF
#ff004c #ff8c00 #ffd700 #00e07f #00aaff
#FF004C #FF8C00 #FFD700 #00E07F #00AAFF

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

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

background#FFD700
surface#00E07F
text#FF004C
text-muted#00AAFF
primary#FF8C00
secondary#00E07F
accent#00AAFF

متغيّرات CSS 

:root {
  --background: #ffd700;
  --surface: #00e07f;
  --text: #ff004c;
  --text-muted: #00aaff;
  --primary: #ff8c00;
  --secondary: #00e07f;
  --accent: #00aaff;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#FF004C#FF8C00#FFD700#00E07F#00AAFF
#FF004C
1.0
1.7
2.8
2.2
1.5
#FF8C00
1.7
1.0
1.7
1.3
1.1
#FFD700
2.8
1.7
1.0
1.3
1.8
#00E07F
2.2
1.3
1.3
1.0
1.5
#00AAFF
1.5
1.1
1.8
1.5
1.0

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

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

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

#FF004C
rgb(255, 0, 76)
#FF8C00
Darkorange
#FFD700
Gold
#00E07F
rgb(0, 224, 127)
#00AAFF
rgb(0, 170, 255)

لوحات مشابهة

Social Media Color Palette
Magenta Color Palette
Hot Pink Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #FF004C, #FF8C00, #FFD700, #00E07F, #00AAFF.

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

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

Vibrant Color Palette — #FF004C #FF8C00 #FFD700 #00E07F #00AAFF — Tintiva