لوحة Garden Color Palette

أخضر الورقة، ووردي التفتّح، وأصفر اللقاح، وظلّ السياج — حديقة إنجليزية في الصيف. المراسي: #4D7C0F، #F9A8D4، #FDE68A، #166534.

حديقةزهريربيع
#4D7C0F
#F9A8D4
#FDE68A
#166534
#B0C393
#4d7c0f #f9a8d4 #fde68a #166534 #b0c393
#4D7C0F #F9A8D4 #FDE68A #166534 #B0C393

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

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

background#FDE68A
surface#F9A8D4
text#166534
text-muted#4D7C0F
primary#4D7C0F
secondary#F9A8D4
accent#B0C393

متغيّرات CSS 

:root {
  --background: #fde68a;
  --surface: #f9a8d4;
  --text: #166534;
  --text-muted: #4d7c0f;
  --primary: #4d7c0f;
  --secondary: #f9a8d4;
  --accent: #b0c393;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#4D7C0F#F9A8D4#FDE68A#166534#B0C393
#4D7C0F
1.0
2.8
4.0
1.4
2.6
#F9A8D4
2.8
1.0
1.5
3.9
1.1
#FDE68A
4.0
1.5
1.0
5.7
1.5
#166534
1.4
3.9
5.7
1.0
3.8
#B0C393
2.6
1.1
1.5
3.8
1.0

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

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

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

#4D7C0F
rgb(77, 124, 15)
#F9A8D4
rgb(249, 168, 212)
#FDE68A
rgb(253, 230, 138)
#166534
rgb(22, 101, 52)
#B0C393
rgb(176, 195, 147)

لوحات مشابهة

Easter Color Palette
Spring Color Palette
Orchid Color Palette

أسئلة شائعة

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

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

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

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

Garden Color Palette — #4D7C0F #F9A8D4 #FDE68A #166534 #B0C393 — Tintiva