لوحة Kitchen Color Palette

خزائن كريمية ولمسات ميرمية ومحايدات دافئة — لوحة مطبخ منعشة وودّية للطعام. المراسي: #FFFDD0، #9CAF88، #E9DCC9.

مطبختصميم داخليمنعش
#FFFDD0
#9CAF88
#E9DCC9
#FFFEEA
#697460
#fffdd0 #9caf88 #e9dcc9 #fffeea #697460
#FFFDD0 #9CAF88 #E9DCC9 #FFFEEA #697460

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

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

background#FFFEEA
surface#FFFDD0
text#697460
text-muted#9CAF88
primary#9CAF88
secondary#FFFDD0
accent#E9DCC9

متغيّرات CSS 

:root {
  --background: #fffeea;
  --surface: #fffdd0;
  --text: #697460;
  --text-muted: #9caf88;
  --primary: #9caf88;
  --secondary: #fffdd0;
  --accent: #e9dcc9;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#FFFDD0#9CAF88#E9DCC9#FFFEEA#697460
#FFFDD0
1.0
2.3
1.3
1.0
4.7
#9CAF88
2.3
1.0
1.8
2.3
2.1
#E9DCC9
1.3
1.8
1.0
1.3
3.6
#FFFEEA
1.0
2.3
1.3
1.0
4.8
#697460
4.7
2.1
3.6
4.8
1.0

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

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

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

#FFFDD0
Cream
#9CAF88
Sage Green
#E9DCC9
Warm Beige
#FFFEEA
rgb(255, 254, 234)
#697460
rgb(105, 116, 96)

لوحات مشابهة

Bedroom Color Palette
Living Room Color Palette
Apricot Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #FFFDD0, #9CAF88, #E9DCC9, #FFFEEA, #697460.

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

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

Kitchen Color Palette — #FFFDD0 #9CAF88 #E9DCC9 #FFFEEA #697460 — Tintiva