لوحة Valentine's Day Color Palette

أحمر وردي عميق، ووردي متورّد، وأبيض بتلات، وأحمر شوكولاتة داكن — رومانسي بتباين حقيقي. المراسي: #BE123C، #F9A8D4، #FCE7F3، #7F1D1D.

عيد الحبرومانسيفبراير
#BE123C
#F9A8D4
#FCE7F3
#7F1D1D
#EDA0A1
#be123c #f9a8d4 #fce7f3 #7f1d1d #eda0a1
#BE123C #F9A8D4 #FCE7F3 #7F1D1D #EDA0A1

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

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

background#FCE7F3
surface#F9A8D4
text#7F1D1D
text-muted#BE123C
primary#BE123C
secondary#F9A8D4
accent#EDA0A1

متغيّرات CSS 

:root {
  --background: #fce7f3;
  --surface: #f9a8d4;
  --text: #7f1d1d;
  --text-muted: #be123c;
  --primary: #be123c;
  --secondary: #f9a8d4;
  --accent: #eda0a1;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#BE123C#F9A8D4#FCE7F3#7F1D1D#EDA0A1
#BE123C
1.0
3.5
5.3
1.6
3.0
#F9A8D4
3.5
1.0
1.5
5.5
1.1
#FCE7F3
5.3
1.5
1.0
8.5
1.8
#7F1D1D
1.6
5.5
8.5
1.0
4.8
#EDA0A1
3.0
1.1
1.8
4.8
1.0

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

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

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

#BE123C
rgb(190, 18, 60)
#F9A8D4
rgb(249, 168, 212)
#FCE7F3
rgb(252, 231, 243)
#7F1D1D
rgb(127, 29, 29)
#EDA0A1
rgb(237, 160, 161)

لوحات مشابهة

Pink Color Palette
Dusty Pink Color Palette
Lilac Color Palette

أسئلة شائعة

كيف أستخدم Valentine's Day Color Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #BE123C, #F9A8D4, #FCE7F3, #7F1D1D, #EDA0A1.

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

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

Valentine's Day Color Palette — #BE123C #F9A8D4 #FCE7F3 #7F1D1D #EDA0A1 — Tintiva