لوحة Wedding Color Palette

عاجي وشامبانيا وتورّد في محايدات ناعمة — لوحة الزفاف العصرية.

زفافرومانسيمحايد
#F7F1E5
#E8D5C4
#C9B8A8
#F5E6E6
#DFD8CB
#f7f1e5 #e8d5c4 #c9b8a8 #f5e6e6 #dfd8cb
#F7F1E5 #E8D5C4 #C9B8A8 #F5E6E6 #DFD8CB

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

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

background#F7F1E5
surface#F5E6E6
text#C9B8A8
text-muted#E8D5C4
primary#E8D5C4
secondary#F5E6E6
accent#DFD8CB

متغيّرات CSS 

:root {
  --background: #f7f1e5;
  --surface: #f5e6e6;
  --text: #c9b8a8;
  --text-muted: #e8d5c4;
  --primary: #e8d5c4;
  --secondary: #f5e6e6;
  --accent: #dfd8cb;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#F7F1E5#E8D5C4#C9B8A8#F5E6E6#DFD8CB
#F7F1E5
1.0
1.3
1.7
1.1
1.3
#E8D5C4
1.3
1.0
1.4
1.2
1.0
#C9B8A8
1.7
1.4
1.0
1.6
1.4
#F5E6E6
1.1
1.2
1.6
1.0
1.2
#DFD8CB
1.3
1.0
1.4
1.2
1.0

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

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

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

#F7F1E5
rgb(247, 241, 229)
#E8D5C4
rgb(232, 213, 196)
#C9B8A8
rgb(201, 184, 168)
#F5E6E6
rgb(245, 230, 230)
#DFD8CB
rgb(223, 216, 203)

لوحات مشابهة

Soft Wedding Color Palette
Warm Beige Color Palette
Greige Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #F7F1E5, #E8D5C4, #C9B8A8, #F5E6E6, #DFD8CB.

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

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

Wedding Color Palette — #F7F1E5 #E8D5C4 #C9B8A8 #F5E6E6 #DFD8CB — Tintiva