لوحة Forest Color Palette
خمس خطوات من مظلّة الأخضر، من الصنوبر العميق إلى الورقة الباهتة. طبيعية وهادئة وعضوية.
غابةأخضرطبيعي
#1E3F20
#2F5D34
#4E7A4E
#7FA97F
#C8D9B8
#1e3f20 #2f5d34 #4e7a4e #7fa97f #c8d9b8
#1E3F20 #2F5D34 #4E7A4E #7FA97F #C8D9B8
الأدوار الدلالية
تُسنَد تلقائياً: الأفتح = الخلفية، الأغمق = النص، الأكثر تشبّعاً = اللون الأساسي.
| background | #C8D9B8 | |
| surface | #7FA97F | |
| text | #1E3F20 | |
| text-muted | #2F5D34 | |
| primary | #2F5D34 | |
| secondary | #4E7A4E | |
| accent | #7FA97F |
متغيّرات CSS
:root {
--background: #c8d9b8;
--surface: #7fa97f;
--text: #1e3f20;
--text-muted: #2f5d34;
--primary: #2f5d34;
--secondary: #4e7a4e;
--accent: #7fa97f;
}مصفوفة إمكانية الوصول
لون النص (الصفوف) على الخلفية (الأعمدة). الأخضر = اجتياز WCAG AA للنص العادي (≥4.5:1).
| النص \ الخلفية | #1E3F20 | #2F5D34 | #4E7A4E | #7FA97F | #C8D9B8 |
|---|---|---|---|---|---|
| #1E3F20 | 1.0 | 1.5 | 2.4 | 4.4 | 7.9 |
| #2F5D34 | 1.5 | 1.0 | 1.5 | 2.9 | 5.1 |
| #4E7A4E | 2.4 | 1.5 | 1.0 | 1.9 | 3.3 |
| #7FA97F | 4.4 | 2.9 | 1.9 | 1.0 | 1.8 |
| #C8D9B8 | 7.9 | 5.1 | 3.3 | 1.8 | 1.0 |
تحت عمى اللون الأخضر-الأحمر
محاكاة Machado وزملائه (2009)، شدة 1.0 — تقدير تقريبي وليست أداة طبية.
ألوان هذه اللوحة
#1E3F20
rgb(30, 63, 32)
#2F5D34
rgb(47, 93, 52)
#4E7A4E
rgb(78, 122, 78)
#7FA97F
rgb(127, 169, 127)
#C8D9B8
rgb(200, 217, 184)
لوحات مشابهة
أسئلة شائعة
كيف أستخدم Forest Color Palette في CSS؟
انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1E3F20, #2F5D34, #4E7A4E, #7FA97F, #C8D9B8.
هل تجتاز هذه الألوان فحوصات إمكانية الوصول؟
راجع مصفوفة WCAG في هذه الصفحة: كل اقتران نص-على-خلفية بنسبة ≥ 4.5 يجتاز AA للنص العادي؛ و≥ 3 يجتاز AA للنص الكبير ومكوّنات الواجهة.