لوحة Restaurant Color Palette

بنّيات الإسبريسو العميقة، وعنبر دافئ، وكريمة — لوحة ضيافة دافئة تفتح الشهية. المراسي: #2B1D14، #B45309، #F5EFE0.

مطاعمطعامضيافة
#2B1D14
#B45309
#F5EFE0
#99908B
#7B3D18
#2b1d14 #b45309 #f5efe0 #99908b #7b3d18
#2B1D14 #B45309 #F5EFE0 #99908B #7B3D18

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

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

background#F5EFE0
surface#99908B
text#2B1D14
text-muted#7B3D18
primary#B45309
secondary#99908B
accent#7B3D18

متغيّرات CSS 

:root {
  --background: #f5efe0;
  --surface: #99908b;
  --text: #2b1d14;
  --text-muted: #7b3d18;
  --primary: #b45309;
  --secondary: #99908b;
  --accent: #7b3d18;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#2B1D14#B45309#F5EFE0#99908B#7B3D18
#2B1D14
1.0
3.3
14.2
5.2
2.0
#B45309
3.3
1.0
4.4
1.6
1.7
#F5EFE0
14.2
4.4
1.0
2.7
7.3
#99908B
5.2
1.6
2.7
1.0
2.7
#7B3D18
2.0
1.7
7.3
2.7
1.0

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

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

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

#2B1D14
rgb(43, 29, 20)
#B45309
rgb(180, 83, 9)
#F5EFE0
rgb(245, 239, 224)
#99908B
rgb(153, 144, 139)
#7B3D18
rgb(123, 61, 24)

لوحات مشابهة

Hotel Color Palette
Luxury Color Palette
Desert Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #2B1D14, #B45309, #F5EFE0, #99908B, #7B3D18.

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

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

Restaurant Color Palette — #2B1D14 #B45309 #F5EFE0 #99908B #7B3D18 — Tintiva