لوحة Bedroom Color Palette

جدران ميرمية خافتة مع إطار أبيض مكسور دافئ — تشبّع منخفض وإضاءة متوسطة-منخفضة يُبقِيان غرفة النوم هادئة ومناسبة للنوم. المراسي: #9CAF88، #F5F0E6، #6D7A5F.

غرف نومتصميم داخليهادئ
#9CAF88
#F5F0E6
#6D7A5F
#D2DAC8
#9F9B99
#9caf88 #f5f0e6 #6d7a5f #d2dac8 #9f9b99
#9CAF88 #F5F0E6 #6D7A5F #D2DAC8 #9F9B99

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

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

background#F5F0E6
surface#D2DAC8
text#6D7A5F
text-muted#9F9B99
primary#9CAF88
secondary#D2DAC8
accent#9F9B99

متغيّرات CSS 

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

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

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

النص \ الخلفية#9CAF88#F5F0E6#6D7A5F#D2DAC8#9F9B99
#9CAF88
1.0
2.1
1.9
1.6
1.2
#F5F0E6
2.1
1.0
4.0
1.3
2.4
#6D7A5F
1.9
4.0
1.0
3.2
1.7
#D2DAC8
1.6
1.3
3.2
1.0
1.9
#9F9B99
1.2
2.4
1.7
1.9
1.0

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

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

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

#9CAF88
Sage Green
#F5F0E6
rgb(245, 240, 230)
#6D7A5F
rgb(109, 122, 95)
#D2DAC8
rgb(210, 218, 200)
#9F9B99
rgb(159, 155, 153)

لوحات مشابهة

Sage Green Color Palette
Kitchen Color Palette
Muted Color Palette

أسئلة شائعة

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

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

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

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

Bedroom Color Palette — #9CAF88 #F5F0E6 #6D7A5F #D2DAC8 #9F9B99 — Tintiva