لوحة Autumn Color Palette

برتقالي أوراق متساقطة، وصدأ، وبنّيات عميقة. دافئة وحنينية وموسمية بامتياز.

خريفدافئموسمي
#8B2500
#C75B12
#E39B2D
#7A4B1B
#4E2E0F
#8b2500 #c75b12 #e39b2d #7a4b1b #4e2e0f
#8B2500 #C75B12 #E39B2D #7A4B1B #4E2E0F

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

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

background#E39B2D
surface#C75B12
text#4E2E0F
text-muted#8B2500
primary#8B2500
secondary#C75B12
accent#7A4B1B

متغيّرات CSS 

:root {
  --background: #e39b2d;
  --surface: #c75b12;
  --text: #4e2e0f;
  --text-muted: #8b2500;
  --primary: #8b2500;
  --secondary: #c75b12;
  --accent: #7a4b1b;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#8B2500#C75B12#E39B2D#7A4B1B#4E2E0F
#8B2500
1.0
2.1
3.8
1.2
1.4
#C75B12
2.1
1.0
1.8
1.7
2.9
#E39B2D
3.8
1.8
1.0
3.2
5.2
#7A4B1B
1.2
1.7
3.2
1.0
1.7
#4E2E0F
1.4
2.9
5.2
1.7
1.0

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

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

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

#8B2500
rgb(139, 37, 0)
#C75B12
rgb(199, 91, 18)
#E39B2D
rgb(227, 155, 45)
#7A4B1B
rgb(122, 75, 27)
#4E2E0F
rgb(78, 46, 15)

لوحات مشابهة

Warm Color Palette
Sandybrown Color Palette
Thanksgiving Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #8B2500, #C75B12, #E39B2D, #7A4B1B, #4E2E0F.

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

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

Autumn Color Palette — #8B2500 #C75B12 #E39B2D #7A4B1B #4E2E0F — Tintiva