لوحة Retro Color Palette

درجات دافئة باهتة من السبعينيات مع جسر أخضر أفوكادو — حنين دون سيبيا. المراسي: #D96C3F، #E0A458، #8A9A5B.

ريتروعتيق
#D96C3F
#E0A458
#8A9A5B
#7C5A3C
#F0E5CF
#d96c3f #e0a458 #8a9a5b #7c5a3c #f0e5cf
#D96C3F #E0A458 #8A9A5B #7C5A3C #F0E5CF

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

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

background#F0E5CF
surface#E0A458
text#7C5A3C
text-muted#D96C3F
primary#D96C3F
secondary#E0A458
accent#8A9A5B

متغيّرات CSS 

:root {
  --background: #f0e5cf;
  --surface: #e0a458;
  --text: #7c5a3c;
  --text-muted: #d96c3f;
  --primary: #d96c3f;
  --secondary: #e0a458;
  --accent: #8a9a5b;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#D96C3F#E0A458#8A9A5B#7C5A3C#F0E5CF
#D96C3F
1.0
1.6
1.1
1.8
2.7
#E0A458
1.6
1.0
1.4
2.8
1.8
#8A9A5B
1.1
1.4
1.0
2.0
2.5
#7C5A3C
1.8
2.8
2.0
1.0
5.0
#F0E5CF
2.7
1.8
2.5
5.0
1.0

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

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

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

#D96C3F
rgb(217, 108, 63)
#E0A458
rgb(224, 164, 88)
#8A9A5B
Moss Green
#7C5A3C
rgb(124, 90, 60)
#F0E5CF
rgb(240, 229, 207)

لوحات مشابهة

Mustard Color Palette
Moss Green Color Palette
Muted Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #D96C3F, #E0A458, #8A9A5B, #7C5A3C, #F0E5CF.

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

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

Retro Color Palette — #D96C3F #E0A458 #8A9A5B #7C5A3C #F0E5CF — Tintiva