لوحة Nature Color Palette

أخضر المظلّة، وضوء الورقة، ولايم مشمس، وبنّي اللحاء — من أرض الغابة إلى المظلّة. المراسي: #166534، #4D7C0F، #A3E635، #78350F.

طبيعةعضويأنشطة خارجية
#166534
#4D7C0F
#A3E635
#78350F
#98B89E
#166534 #4d7c0f #a3e635 #78350f #98b89e
#166534 #4D7C0F #A3E635 #78350F #98B89E

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

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

background#A3E635
surface#98B89E
text#78350F
text-muted#166534
primary#4D7C0F
secondary#166534
accent#98B89E

متغيّرات CSS 

:root {
  --background: #a3e635;
  --surface: #98b89e;
  --text: #78350f;
  --text-muted: #166534;
  --primary: #4d7c0f;
  --secondary: #166534;
  --accent: #98b89e;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#166534#4D7C0F#A3E635#78350F#98B89E
#166534
1.0
1.4
4.7
1.3
3.3
#4D7C0F
1.4
1.0
3.3
1.8
2.3
#A3E635
4.7
3.3
1.0
6.0
1.4
#78350F
1.3
1.8
6.0
1.0
4.2
#98B89E
3.3
2.3
1.4
4.2
1.0

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

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

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

#166534
rgb(22, 101, 52)
#4D7C0F
rgb(77, 124, 15)
#A3E635
rgb(163, 230, 53)
#78350F
rgb(120, 53, 15)
#98B89E
rgb(152, 184, 158)

لوحات مشابهة

Fitness Color Palette
Garden Color Palette
Halloween Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #166534, #4D7C0F, #A3E635, #78350F, #98B89E.

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

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

Nature Color Palette — #166534 #4D7C0F #A3E635 #78350F #98B89E — Tintiva