لوحة Earth Tone Palette

مجموعة راسخة من بنّيات التراب والرمل واللحاء. دافئة وعضوية؛ تناسب العلامات الخارجية والحرفية والمستدامة.

ترابيطبيعيدافئ
#8B6F4E
#A78A5B
#6B4F3A
#C9A87C
#4E3B2A
#8b6f4e #a78a5b #6b4f3a #c9a87c #4e3b2a
#8B6F4E #A78A5B #6B4F3A #C9A87C #4E3B2A

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

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

background#C9A87C
surface#A78A5B
text#4E3B2A
text-muted#6B4F3A
primary#6B4F3A
secondary#8B6F4E
accent#A78A5B

متغيّرات CSS 

:root {
  --background: #c9a87c;
  --surface: #a78a5b;
  --text: #4e3b2a;
  --text-muted: #6b4f3a;
  --primary: #6b4f3a;
  --secondary: #8b6f4e;
  --accent: #a78a5b;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#8B6F4E#A78A5B#6B4F3A#C9A87C#4E3B2A
#8B6F4E
1.0
1.4
1.6
2.1
2.3
#A78A5B
1.4
1.0
2.3
1.5
3.2
#6B4F3A
1.6
2.3
1.0
3.3
1.4
#C9A87C
2.1
1.5
3.3
1.0
4.7
#4E3B2A
2.3
3.2
1.4
4.7
1.0

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

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

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

#8B6F4E
rgb(139, 111, 78)
#A78A5B
rgb(167, 138, 91)
#6B4F3A
rgb(107, 79, 58)
#C9A87C
rgb(201, 168, 124)
#4E3B2A
rgb(78, 59, 42)

لوحات مشابهة

Sand Color Palette
Clay Color Palette
Camel Color Palette

أسئلة شائعة

كيف أستخدم Earth Tone Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #8B6F4E, #A78A5B, #6B4F3A, #C9A87C, #4E3B2A.

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

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

Earth Tone Palette — #8B6F4E #A78A5B #6B4F3A #C9A87C #4E3B2A — Tintiva