لوحة Sage Green Color Palette

أخضر ميرمية بدرجاته الفاتحة والغامقة، مثبَّت بمحايدات دافئة. هادئة وخافتة ونباتية.

ميرميةأخضرهادئ
#9CAF88
#C4CFB4
#6D7A5F
#E8E3D3
#4A5742
#9caf88 #c4cfb4 #6d7a5f #e8e3d3 #4a5742
#9CAF88 #C4CFB4 #6D7A5F #E8E3D3 #4A5742

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

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

background#E8E3D3
surface#C4CFB4
text#4A5742
text-muted#6D7A5F
primary#9CAF88
secondary#C4CFB4
accent#6D7A5F

متغيّرات CSS 

:root {
  --background: #e8e3d3;
  --surface: #c4cfb4;
  --text: #4a5742;
  --text-muted: #6d7a5f;
  --primary: #9caf88;
  --secondary: #c4cfb4;
  --accent: #6d7a5f;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#9CAF88#C4CFB4#6D7A5F#E8E3D3#4A5742
#9CAF88
1.0
1.4
1.9
1.8
3.3
#C4CFB4
1.4
1.0
2.8
1.3
4.7
#6D7A5F
1.9
2.8
1.0
3.6
1.7
#E8E3D3
1.8
1.3
3.6
1.0
6.0
#4A5742
3.3
4.7
1.7
6.0
1.0

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

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

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

#9CAF88
Sage Green
#C4CFB4
rgb(196, 207, 180)
#6D7A5F
rgb(109, 122, 95)
#E8E3D3
rgb(232, 227, 211)
#4A5742
rgb(74, 87, 66)

لوحات مشابهة

Bedroom Color Palette
Muted Color Palette
Lavender Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #9CAF88, #C4CFB4, #6D7A5F, #E8E3D3, #4A5742.

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

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

Sage Green Color Palette — #9CAF88 #C4CFB4 #6D7A5F #E8E3D3 #4A5742 — Tintiva