هدوء الرعاية

درجات تيل هادئة وأزرق ناعم تعبّر عن الرعاية والوضوح.

رموز الألوان

HEXRGBHSLCMYK
hsl(192, 72%, 21%)cmyk(84%, 17%, 0%, 64%)
hsl(173, 58%, 39%)cmyk(73%, 0%, 9%, 38%)
hsl(199, 64%, 73%)cmyk(38%, 12%, 0%, 10%)
hsl(165, 38%, 94%)cmyk(5%, 0%, 1%, 4%)
hsl(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)

CSS

:root {
  --healthcare-calm-1: #0F4C5C;
  --healthcare-calm-2: #2A9D8F;
  --healthcare-calm-3: #8ECAE6;
  --healthcare-calm-4: #E9F5F2;
  --healthcare-calm-5: #FFFFFF;
}

كيف تعمل هذه الألوان معاً

ألوانها متجاورة على عجلة الألوان، ما يمنحها طابعاً هادئاً ومتماسكاً. طابعها العام بارد. يمتد نطاق الإضاءة 79 نقطة، وهذا يحدد مقدار التباين الممكن.

3 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#0F4C5C⁩ على ⁦#FFFFFF⁩ (9.51:1).

هدوء الرعاية — نص مقروء باستخدام أفضل زوج.

تطبيقات مقترحة

  • التقارير ولوحات المعلومات ومواقع الأعمال.
  • سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
  • حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.

#health#teal#calm

فحص إمكانية الوصول محاكاة عمى الألوان متغيرات CSS

الأسئلة الشائعة

كيف أستخدم لوحة هدوء الرعاية؟
تضم لوحة هدوء الرعاية عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم ⁦#0F4C5C⁩ على ⁦#FFFFFF⁩؛ نسبة تباينهما 9.51:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.

لوحات أخرى