لوحة Muted Color Palette

درجات وسطى منزوعة التشبّع — هادئة وراقية ويستحيل أن تتنافر. المراسي: #6D7A5F، #8A9A5B، #A8A29E.

هادئهادئ
#6D7A5F
#8A9A5B
#A8A29E
#B39DDB
#C9B8A8
#6d7a5f #8a9a5b #a8a29e #b39ddb #c9b8a8
#6D7A5F #8A9A5B #A8A29E #B39DDB #C9B8A8

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

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

background#C9B8A8
surface#B39DDB
text#6D7A5F
text-muted#8A9A5B
primary#8A9A5B
secondary#A8A29E
accent#B39DDB

متغيّرات CSS 

:root {
  --background: #c9b8a8;
  --surface: #b39ddb;
  --text: #6d7a5f;
  --text-muted: #8a9a5b;
  --primary: #8a9a5b;
  --secondary: #a8a29e;
  --accent: #b39ddb;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#6D7A5F#8A9A5B#A8A29E#B39DDB#C9B8A8
#6D7A5F
1.0
1.5
1.8
1.9
2.4
#8A9A5B
1.5
1.0
1.2
1.3
1.6
#A8A29E
1.8
1.2
1.0
1.1
1.3
#B39DDB
1.9
1.3
1.1
1.0
1.2
#C9B8A8
2.4
1.6
1.3
1.2
1.0

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

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

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

#6D7A5F
rgb(109, 122, 95)
#8A9A5B
Moss Green
#A8A29E
rgb(168, 162, 158)
#B39DDB
Lavender
#C9B8A8
rgb(201, 184, 168)

لوحات مشابهة

Sage Green Color Palette
Moss Green Color Palette
Lavender Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #6D7A5F, #8A9A5B, #A8A29E, #B39DDB, #C9B8A8.

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

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

Muted Color Palette — #6D7A5F #8A9A5B #A8A29E #B39DDB #C9B8A8 — Tintiva