لوحة Finance Color Palette

كحلي عميق، وأخضر محافظ، وذهبي متحفّظ — إشارات ثقة المؤسسات العريقة. المراسي: #0F2A43، #0E7A5F، #C9A227.

ماليةمصرفيثقة
#0F2A43
#0E7A5F
#C9A227
#8F97A5
#1D5547
#0f2a43 #0e7a5f #c9a227 #8f97a5 #1d5547
#0F2A43 #0E7A5F #C9A227 #8F97A5 #1D5547

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

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

background#C9A227
surface#8F97A5
text#0F2A43
text-muted#1D5547
primary#0E7A5F
secondary#8F97A5
accent#1D5547

متغيّرات CSS

:root {
  --background: #c9a227;
  --surface: #8f97a5;
  --text: #0f2a43;
  --text-muted: #1d5547;
  --primary: #0e7a5f;
  --secondary: #8f97a5;
  --accent: #1d5547;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0F2A43#0E7A5F#C9A227#8F97A5#1D5547
#0F2A43
1.0
2.8
6.1
5.0
1.7
#0E7A5F
2.8
1.0
2.2
1.8
1.6
#C9A227
6.1
2.2
1.0
1.2
3.5
#8F97A5
5.0
1.8
1.2
1.0
2.9
#1D5547
1.7
1.6
3.5
2.9
1.0

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

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

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

لوحات مشابهة

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0F2A43, #0E7A5F, #C9A227, #8F97A5, #1D5547.

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

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

Finance Color Palette — #0F2A43 #0E7A5F #C9A227 #8F97A5 #1D5547 — Tintiva