لوحة Jewel Tone Color Palette

ياقوت، وزمرد، وياقوت أزرق، وجمشت — جواهر عميقة مشبَعة لأعمال الهوية الراقية. المراسي: #9B111E، #046307، #0F52BA.

جواهرغنيحجر كريم
#9B111E
#046307
#0F52BA
#9966CC
#C9A227
#9b111e #046307 #0f52ba #9966cc #c9a227
#9B111E #046307 #0F52BA #9966CC #C9A227

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

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

background#C9A227
surface#9966CC
text#9B111E
text-muted#046307
primary#046307
secondary#0F52BA
accent#9966CC

متغيّرات CSS 

:root {
  --background: #c9a227;
  --surface: #9966cc;
  --text: #9b111e;
  --text-muted: #046307;
  --primary: #046307;
  --secondary: #0f52ba;
  --accent: #9966cc;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#9B111E#046307#0F52BA#9966CC#C9A227
#9B111E
1.0
1.1
1.2
2.1
3.5
#046307
1.1
1.0
1.1
1.8
3.1
#0F52BA
1.2
1.1
1.0
1.8
3.0
#9966CC
2.1
1.8
1.8
1.0
1.7
#C9A227
3.5
3.1
3.0
1.7
1.0

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

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

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

#9B111E
rgb(155, 17, 30)
#046307
rgb(4, 99, 7)
#0F52BA
Sapphire
#9966CC
rgb(153, 102, 204)
#C9A227
rgb(201, 162, 39)

لوحات مشابهة

Sapphire Color Palette
Royal Purple Color Palette
Burgundy Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #9B111E, #046307, #0F52BA, #9966CC, #C9A227.

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

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

Jewel Tone Color Palette — #9B111E #046307 #0F52BA #9966CC #C9A227 — Tintiva