أعماق المحيط

من كحلي أعماق البحر إلى المياه الضحلة الساطعة.

رموز الألوان

HEXRGBHSLCMYK
hsl(239, 94%, 19%)cmyk(97%, 96%, 0%, 63%)
hsl(201, 100%, 36%)cmyk(100%, 35%, 0%, 29%)
hsl(190, 100%, 42%)cmyk(100%, 17%, 0%, 15%)
hsl(189, 75%, 75%)cmyk(40%, 6%, 0%, 6%)
hsl(190, 77%, 88%)cmyk(19%, 3%, 0%, 3%)

CSS

:root {
  --ocean-depths-1: #03045E;
  --ocean-depths-2: #0077B6;
  --ocean-depths-3: #00B4D8;
  --ocean-depths-4: #90E0EF;
  --ocean-depths-5: #CAF0F8;
}

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

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

3 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#03045E⁩ على ⁦#CAF0F8⁩ (14.65:1).

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

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

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

#ocean#blue#gradient

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

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

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

لوحات أخرى