لوحة St. Patrick's Day Color Palette

أخضر البرسوق، والعشب، وذهبي قدر الذهب، وأرضية نعناعية بيضاء. المراسي: #046307، #4D7C0F، #C9A227، #F0FDF4.

عيد القديس باتريكأخضرمارس
#046307
#4D7C0F
#C9A227
#F0FDF4
#97B78D
#046307 #4d7c0f #c9a227 #f0fdf4 #97b78d
#046307 #4D7C0F #C9A227 #F0FDF4 #97B78D

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

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

background#F0FDF4
surface#97B78D
text#046307
text-muted#4D7C0F
primary#4D7C0F
secondary#C9A227
accent#97B78D

متغيّرات CSS 

:root {
  --background: #f0fdf4;
  --surface: #97b78d;
  --text: #046307;
  --text-muted: #4d7c0f;
  --primary: #4d7c0f;
  --secondary: #c9a227;
  --accent: #97b78d;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#046307#4D7C0F#C9A227#F0FDF4#97B78D
#046307
1.0
1.5
3.1
7.2
3.4
#4D7C0F
1.5
1.0
2.1
4.8
2.3
#C9A227
3.1
2.1
1.0
2.3
1.1
#F0FDF4
7.2
4.8
2.3
1.0
2.1
#97B78D
3.4
2.3
1.1
2.1
1.0

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

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

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

#046307
rgb(4, 99, 7)
#4D7C0F
rgb(77, 124, 15)
#C9A227
rgb(201, 162, 39)
#F0FDF4
rgb(240, 253, 244)
#97B78D
rgb(151, 183, 141)

لوحات مشابهة

Darkgreen Color Palette
Lime Green Color Palette
Sage Green Color Palette

أسئلة شائعة

كيف أستخدم St. Patrick's Day Color Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #046307, #4D7C0F, #C9A227, #F0FDF4, #97B78D.

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

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

St. Patrick's Day Color Palette — #046307 #4D7C0F #C9A227 #F0FDF4 #97B78D — Tintiva