لوحة Thanksgiving Color Palette

صدأ الحصاد، وعنبر القرع، وذهبي الحبوب، وكريمة الكتّان — مائدة الخريف. المراسي: #7C2D12، #D97706، #F59E0B، #F5EFE0.

عيد الشكرخريفحصاد
#7C2D12
#D97706
#F59E0B
#F5EFE0
#CB9D8C
#7c2d12 #d97706 #f59e0b #f5efe0 #cb9d8c
#7C2D12 #D97706 #F59E0B #F5EFE0 #CB9D8C

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

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

background#F5EFE0
surface#F59E0B
text#7C2D12
text-muted#D97706
primary#D97706
secondary#F59E0B
accent#CB9D8C

متغيّرات CSS 

:root {
  --background: #f5efe0;
  --surface: #f59e0b;
  --text: #7c2d12;
  --text-muted: #d97706;
  --primary: #d97706;
  --secondary: #f59e0b;
  --accent: #cb9d8c;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#7C2D12#D97706#F59E0B#F5EFE0#CB9D8C
#7C2D12
1.0
2.9
4.4
8.2
3.9
#D97706
2.9
1.0
1.5
2.8
1.3
#F59E0B
4.4
1.5
1.0
1.9
1.1
#F5EFE0
8.2
2.8
1.9
1.0
2.1
#CB9D8C
3.9
1.3
1.1
2.1
1.0

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

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

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

#7C2D12
rgb(124, 45, 18)
#D97706
rgb(217, 119, 6)
#F59E0B
rgb(245, 158, 11)
#F5EFE0
rgb(245, 239, 224)
#CB9D8C
rgb(203, 157, 140)

لوحات مشابهة

Autumn Color Palette
Luxury Color Palette
Dashboard Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #7C2D12, #D97706, #F59E0B, #F5EFE0, #CB9D8C.

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

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

Thanksgiving Color Palette — #7C2D12 #D97706 #F59E0B #F5EFE0 #CB9D8C — Tintiva