لوحة Fashion Color Palette

كحلي، ووردي مغبّر، وعاجي — مزيج تحريري يُصوَّر جيدًا على الأقمشة ودرجات البشرة. المراسي: #1B2A4A، #D8A7B1، #F5F0E6.

أزياءملابستحريري
#1B2A4A
#D8A7B1
#F5F0E6
#9397A9
#8E7079
#1b2a4a #d8a7b1 #f5f0e6 #9397a9 #8e7079
#1B2A4A #D8A7B1 #F5F0E6 #9397A9 #8E7079

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

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

background#F5F0E6
surface#D8A7B1
text#1B2A4A
text-muted#8E7079
primary#D8A7B1
secondary#9397A9
accent#8E7079

متغيّرات CSS

:root {
  --background: #f5f0e6;
  --surface: #d8a7b1;
  --text: #1b2a4a;
  --text-muted: #8e7079;
  --primary: #d8a7b1;
  --secondary: #9397a9;
  --accent: #8e7079;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1B2A4A#D8A7B1#F5F0E6#9397A9#8E7079
#1B2A4A
1.0
6.8
12.5
4.9
3.2
#D8A7B1
6.8
1.0
1.8
1.4
2.1
#F5F0E6
12.5
1.8
1.0
2.5
3.9
#9397A9
4.9
1.4
2.5
1.0
1.5
#8E7079
3.2
2.1
3.9
1.5
1.0

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

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

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

لوحات مشابهة

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1B2A4A, #D8A7B1, #F5F0E6, #9397A9, #8E7079.

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

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

Fashion Color Palette — #1B2A4A #D8A7B1 #F5F0E6 #9397A9 #8E7079 — Tintiva