لوحة Fitness Color Palette

قاعدة شبه سوداء مع إشارات سماوية كهربائية ولايم — هوية صالة رياضية عالية الطاقة وعالية الوضوح. المراسي: #111827، #22D3EE، #A3E635.

لياقةرياضةطاقة
#111827
#22D3EE
#A3E635
#8B8D96
#2F8A9E
#111827 #22d3ee #a3e635 #8b8d96 #2f8a9e
#111827 #22D3EE #A3E635 #8B8D96 #2F8A9E

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

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

background#A3E635
surface#22D3EE
text#111827
text-muted#2F8A9E
primary#22D3EE
secondary#8B8D96
accent#2F8A9E

متغيّرات CSS 

:root {
  --background: #a3e635;
  --surface: #22d3ee;
  --text: #111827;
  --text-muted: #2f8a9e;
  --primary: #22d3ee;
  --secondary: #8b8d96;
  --accent: #2f8a9e;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#111827#22D3EE#A3E635#8B8D96#2F8A9E
#111827
1.0
9.8
11.8
5.4
4.4
#22D3EE
9.8
1.0
1.2
1.8
2.2
#A3E635
11.8
1.2
1.0
2.2
2.6
#8B8D96
5.4
1.8
2.2
1.0
1.2
#2F8A9E
4.4
2.2
2.6
1.2
1.0

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

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

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

#111827
rgb(17, 24, 39)
#22D3EE
rgb(34, 211, 238)
#A3E635
rgb(163, 230, 53)
#8B8D96
rgb(139, 141, 150)
#2F8A9E
rgb(47, 138, 158)

لوحات مشابهة

Mobile App Color Palette
E-commerce Color Palette
Nature Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #111827, #22D3EE, #A3E635, #8B8D96, #2F8A9E.

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

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

Fitness Color Palette — #111827 #22D3EE #A3E635 #8B8D96 #2F8A9E — Tintiva