لوحة Warm Color Palette

ألوان من النصف الدافئ للعجلة (من الأحمر إلى الأصفر) — حميمية ومفعمة بالطاقة وفاتحة للشهية. المراسي: #B7410E، #E76F51، #E9C46A.

دافئدافئ حميمي
#B7410E
#E76F51
#E9C46A
#F4A261
#8B2500
#b7410e #e76f51 #e9c46a #f4a261 #8b2500
#B7410E #E76F51 #E9C46A #F4A261 #8B2500

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

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

background#E9C46A
surface#F4A261
text#8B2500
text-muted#B7410E
primary#B7410E
secondary#E76F51
accent#F4A261

متغيّرات CSS 

:root {
  --background: #e9c46a;
  --surface: #f4a261;
  --text: #8b2500;
  --text-muted: #b7410e;
  --primary: #b7410e;
  --secondary: #e76f51;
  --accent: #f4a261;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#B7410E#E76F51#E9C46A#F4A261#8B2500
#B7410E
1.0
1.8
3.3
2.7
1.6
#E76F51
1.8
1.0
1.9
1.5
2.9
#E9C46A
3.3
1.9
1.0
1.2
5.3
#F4A261
2.7
1.5
1.2
1.0
4.3
#8B2500
1.6
2.9
5.3
4.3
1.0

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

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

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

#B7410E
Rust
#E76F51
rgb(231, 111, 81)
#E9C46A
rgb(233, 196, 106)
#F4A261
rgb(244, 162, 97)
#8B2500
rgb(139, 37, 0)

لوحات مشابهة

Autumn Color Palette
Rust Color Palette
Sandybrown Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #B7410E, #E76F51, #E9C46A, #F4A261, #8B2500.

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

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

Warm Color Palette — #B7410E #E76F51 #E9C46A #F4A261 #8B2500 — Tintiva