لوحة Tech Startup Color Palette

نيلي وأزرق سماوي على سطح شبه أبيض — ثنائية SaaS العصرية التي تبدو متفائلة دون صخب. المراسي: #4F46E5، #0EA5E9، #F8FAFC.

شركات ناشئةSaaSتقني
#4F46E5
#0EA5E9
#F8FAFC
#BDA9F5
#286E9B
#4f46e5 #0ea5e9 #f8fafc #bda9f5 #286e9b
#4F46E5 #0EA5E9 #F8FAFC #BDA9F5 #286E9B

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

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

background#F8FAFC
surface#BDA9F5
text#4F46E5
text-muted#286E9B
primary#0EA5E9
secondary#BDA9F5
accent#286E9B

متغيّرات CSS 

:root {
  --background: #f8fafc;
  --surface: #bda9f5;
  --text: #4f46e5;
  --text-muted: #286e9b;
  --primary: #0ea5e9;
  --secondary: #bda9f5;
  --accent: #286e9b;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#4F46E5#0EA5E9#F8FAFC#BDA9F5#286E9B
#4F46E5
1.0
2.3
6.0
3.0
1.1
#0EA5E9
2.3
1.0
2.6
1.3
2.0
#F8FAFC
6.0
2.6
1.0
2.0
5.3
#BDA9F5
3.0
1.3
2.0
1.0
2.7
#286E9B
1.1
2.0
5.3
2.7
1.0

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

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

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

#4F46E5
rgb(79, 70, 229)
#0EA5E9
rgb(14, 165, 233)
#F8FAFC
rgb(248, 250, 252)
#BDA9F5
rgb(189, 169, 245)
#286E9B
rgb(40, 110, 155)

لوحات مشابهة

App UI Color Palette
Branding Color Palette
Summer Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #4F46E5, #0EA5E9, #F8FAFC, #BDA9F5, #286E9B.

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

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

Tech Startup Color Palette — #4F46E5 #0EA5E9 #F8FAFC #BDA9F5 #286E9B — Tintiva