لوحة Hotel Color Palette

فحمي، وذهبي عتيق، وأبيض دافئ — ترف متحفّظ لهوية الضيافة. المراسي: #1F2937، #C9A227، #F8F5EF.

فنادقضيافةفخم
#1F2937
#C9A227
#F8F5EF
#93979F
#866C2A
#1f2937 #c9a227 #f8f5ef #93979f #866c2a
#1F2937 #C9A227 #F8F5EF #93979F #866C2A

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

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

background#F8F5EF
surface#C9A227
text#1F2937
text-muted#866C2A
primary#C9A227
secondary#93979F
accent#866C2A

متغيّرات CSS 

:root {
  --background: #f8f5ef;
  --surface: #c9a227;
  --text: #1f2937;
  --text-muted: #866c2a;
  --primary: #c9a227;
  --secondary: #93979f;
  --accent: #866c2a;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1F2937#C9A227#F8F5EF#93979F#866C2A
#1F2937
1.0
6.1
13.5
5.0
2.9
#C9A227
6.1
1.0
2.2
1.2
2.1
#F8F5EF
13.5
2.2
1.0
2.7
4.6
#93979F
5.0
1.2
2.7
1.0
1.7
#866C2A
2.9
2.1
4.6
1.7
1.0

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

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

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

#1F2937
rgb(31, 41, 55)
#C9A227
rgb(201, 162, 39)
#F8F5EF
rgb(248, 245, 239)
#93979F
rgb(147, 151, 159)
#866C2A
rgb(134, 108, 42)

لوحات مشابهة

Luxury Color Palette
Restaurant Color Palette
Gold Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1F2937, #C9A227, #F8F5EF, #93979F, #866C2A.

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

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

Hotel Color Palette — #1F2937 #C9A227 #F8F5EF #93979F #866C2A — Tintiva