لوحة Analogous Color Palette

ألوان متجاورة (≈30° بينها) من الجهة نفسها على العجلة — منسجمة طبيعيًا ولا تنافر أبدًا. المراسي: #2E7D32، #43A047، #66BB6A.

متناسق متجاورمنسجم
#2E7D32
#43A047
#66BB6A
#AED581
#8BC34A
#2e7d32 #43a047 #66bb6a #aed581 #8bc34a
#2E7D32 #43A047 #66BB6A #AED581 #8BC34A

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

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

background#AED581
surface#8BC34A
text#2E7D32
text-muted#43A047
primary#8BC34A
secondary#43A047
accent#66BB6A

متغيّرات CSS 

:root {
  --background: #aed581;
  --surface: #8bc34a;
  --text: #2e7d32;
  --text-muted: #43a047;
  --primary: #8bc34a;
  --secondary: #43a047;
  --accent: #66bb6a;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#2E7D32#43A047#66BB6A#AED581#8BC34A
#2E7D32
1.0
1.6
2.2
3.1
2.4
#43A047
1.6
1.0
1.4
2.0
1.6
#66BB6A
2.2
1.4
1.0
1.4
1.1
#AED581
3.1
2.0
1.4
1.0
1.3
#8BC34A
2.4
1.6
1.1
1.3
1.0

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

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

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

#2E7D32
rgb(46, 125, 50)
#43A047
rgb(67, 160, 71)
#66BB6A
rgb(102, 187, 106)
#AED581
rgb(174, 213, 129)
#8BC34A
rgb(139, 195, 74)

لوحات مشابهة

Fern Color Palette
Lightgreen Color Palette
Spring Green Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #2E7D32, #43A047, #66BB6A, #AED581, #8BC34A.

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

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

Analogous Color Palette — #2E7D32 #43A047 #66BB6A #AED581 #8BC34A — Tintiva