لوحة Cool Color Palette

ألوان من النصف البارد للعجلة (من الأخضر إلى البنفسجي) — هادئة ونظيفة وتقنية. المراسي: #0E7C7B، #2563EB، #7C3AED.

باردهادئ
#0E7C7B
#2563EB
#7C3AED
#64748B
#CBD5E1
#0e7c7b #2563eb #7c3aed #64748b #cbd5e1
#0E7C7B #2563EB #7C3AED #64748B #CBD5E1

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

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

background#CBD5E1
surface#64748B
text#7C3AED
text-muted#2563EB
primary#0E7C7B
secondary#2563EB
accent#64748B

متغيّرات CSS 

:root {
  --background: #cbd5e1;
  --surface: #64748b;
  --text: #7c3aed;
  --text-muted: #2563eb;
  --primary: #0e7c7b;
  --secondary: #2563eb;
  --accent: #64748b;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0E7C7B#2563EB#7C3AED#64748B#CBD5E1
#0E7C7B
1.0
1.0
1.1
1.1
3.4
#2563EB
1.0
1.0
1.1
1.1
3.5
#7C3AED
1.1
1.1
1.0
1.2
3.8
#64748B
1.1
1.1
1.2
1.0
3.2
#CBD5E1
3.4
3.5
3.8
3.2
1.0

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

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

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

#0E7C7B
rgb(14, 124, 123)
#2563EB
rgb(37, 99, 235)
#7C3AED
rgb(124, 58, 237)
#64748B
rgb(100, 116, 139)
#CBD5E1
rgb(203, 213, 225)

لوحات مشابهة

Teal Color Palette
Aqua Color Palette
Slate Gray Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0E7C7B, #2563EB, #7C3AED, #64748B, #CBD5E1.

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

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

Cool Color Palette — #0E7C7B #2563EB #7C3AED #64748B #CBD5E1 — Tintiva