لوحة Coffee Color Palette

إسبريسو، وبنّي تحميص، وكريمة لاتيه، وكريمة حليب مبخّر — هوية مقهى في أربع رشفات. المراسي: #3E2723، #6F4E37، #C8A27A، #F3E9DC.

قهوةبنّيمقهى
#3E2723
#6F4E37
#C8A27A
#F3E9DC
#A49694
#3e2723 #6f4e37 #c8a27a #f3e9dc #a49694
#3E2723 #6F4E37 #C8A27A #F3E9DC #A49694

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

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

background#F3E9DC
surface#C8A27A
text#3E2723
text-muted#6F4E37
primary#6F4E37
secondary#C8A27A
accent#A49694

متغيّرات CSS 

:root {
  --background: #f3e9dc;
  --surface: #c8a27a;
  --text: #3e2723;
  --text-muted: #6f4e37;
  --primary: #6f4e37;
  --secondary: #c8a27a;
  --accent: #a49694;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#3E2723#6F4E37#C8A27A#F3E9DC#A49694
#3E2723
1.0
1.9
5.9
11.5
4.8
#6F4E37
1.9
1.0
3.2
6.2
2.6
#C8A27A
5.9
3.2
1.0
2.0
1.2
#F3E9DC
11.5
6.2
2.0
1.0
2.4
#A49694
4.8
2.6
1.2
2.4
1.0

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

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

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

#3E2723
rgb(62, 39, 35)
#6F4E37
rgb(111, 78, 55)
#C8A27A
rgb(200, 162, 122)
#F3E9DC
rgb(243, 233, 220)
#A49694
rgb(164, 150, 148)

لوحات مشابهة

Camel Color Palette
Burlywood Color Palette
Tan Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #3E2723, #6F4E37, #C8A27A, #F3E9DC, #A49694.

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

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

Coffee Color Palette — #3E2723 #6F4E37 #C8A27A #F3E9DC #A49694 — Tintiva