Colorage

Глубина океана (Ocean Deep)

Насыщенный водный оттенок наполнен бодрящей свежестью, отражая бескрайние океаны и вдохновляя творческие души.

HEX #1164B4

RGB rgb(17, 100, 180)

HSL hsl(209, 83%, 39%)

Насыщенный водный оттенок наполнен бодрящей свежестью, отражая бескрайние океаны и вдохновляя творческие души.
#1164B4

Конвертация

HEX1164B4
RGB17, 100, 180
CMYK91, 44, 0, 29
HSB209.45, 90.56, 70.59
HSL209, 83, 39
LAB42, 8, -49
XYZ13, 12.5, 44.9
LCH42, 50, 279
LUV42, -23, -72
HWB209, 7, 29

О цвете "Глубина океана"

Узнайте о психологии цвета, его значении и практическом применении в дизайне.

Описание

Этот цвет – глубокий, насыщенный синий, напоминающий глубины океана и вызывающий чувство спокойствия. Он создает ощущение прохлады, стабильности и надежности, идеально подходит для проектов, требующих безмятежности.

Часто ассоциируясь с корпоративной или профессиональной тематикой, оно излучает надежность и глубину.

Благодаря умеренной яркости, он эффективно сочетает в себе формальность и современность в различных визуальных решениях.

Психология

Этот цвет внушает чувства спокойствия, интеллекта и честности. Его часто используют для передачи ощущения порядка и безопасности.

Значение

Этот оттенок во всем мире воспринимается как символ мудрости, доверия и мира. В западной культуре синий цвет ассоциируется с мужественностью и продуктивностью.

Почему используется именно этот цвет?

Этот цвет передает уверенность и авторитет, что делает его подходящим для серьезных тембров. Его ассоциации с глубиной и океаном располагают к размышлениям.

Приложения

Этот насыщенный синий цвет отлично подходит для элементов пользовательского интерфейса и панелей навигации. Его успокаивающий оттенок хорошо сочетается с веб-сайтами, приложениями и корпоративным стилем.

История

Исторически синие оттенки ценились в текстиле и искусстве из-за редкости натуральных красителей. Этот оттенок напоминает глубины океана и стал популярен в цифровом дизайне благодаря своей универсальности.

Насыщенные синие оттенки символизировали честь и знания и встречались в униформе, академической одежде и морских флагах в разных культурах.

С развитием технологий этот термин стал ассоциироваться с надежными и безопасными цифровыми интерфейсами.

Доступность

На светлом фоне этот синий цвет обеспечивает сильный контраст, гарантируя читаемость. На темном фоне он может размываться, поэтому используйте более светлые акценты.

При дальтонизме синие оттенки, подобные этому, остаются в значительной степени различимыми, за исключением тританопии, при которой они могут казаться приглушенными.

Сочетание с белым или светло-серым цветом повышает наглядность элементов навигации.

Похожие цвета

Этот оттенок близок к другим изысканным синим тонам и хорошо подходит для градиентов или цветовых палитр в фирменном стиле.

Более яркий, насыщенный, идеально подходит для создания динамичных бликов.
Немного мягче, хорошо сочетается с приглушенными тонами.
Более фиолетовый оттенок, привлекательный для создания энергичных акцентов.
Более глубокий зазор создает насыщенные зоны теней или контраста.
Более тонкий, гармоничный подход для спокойных интерфейсов.

Оттенки и тона

Оттенки

Оттенок создается путем добавления черного цвета к базовому цвету, что увеличивает его темноту. Оттенки выглядят более эффектными и насыщенными.

Осветленные оттенки

Оттенок создается путем добавления белого цвета к базовому цвету, что увеличивает его светлость. Оттенки, как правило, выглядят пастельными и менее интенсивными.

Тона

Оттенок создается путем добавления серого цвета к базовому цвету, увеличивая его светлость. Оттенки выглядят более изысканно и сложно, чем базовые цвета.

Оттенки по цветовому кругу

Оттенок (hue) — это базовое семейство цвета от красного до фиолетового. Здесь показаны вариации базового цвета на цветовом круге.

Цветовые гармонии

Цветовые гармонии — это приятные цветовые схемы, созданные в соответствии с их положением на цветовом круге

Аналогичные

Аналогичные цветовые схемы создаются путем выбора трех цветов, расположенных рядом друг с другом на цветовом круге. Они воспринимаются как спокойные и безмятежные.

Дополнительный

Комплементарные цветовые схемы создаются путем выбора двух противоположных цветов на цветовом круге. Близость друг к другу создает ощущение большей яркости.

Разделенный комплементарный

Раздельно-комплементарные цветовые схемы похожи на комплементарные, но используют два диагональных цвета комплемента. Они более гибкие, чем комплементарные.

Триадический

Триадические цветовые схемы создаются путем выбора трех цветов, равномерно расположенных на цветовом круге. Они выглядят довольно контрастными и многоцветными.

Тетрадический

Тетрадические цветовые схемы создаются из двух пар дополнительных цветов, расположенных в форме прямоугольника на цветовом круге. Они очень универсальны и лучше всего работают с одним доминирующим цветом.

Квадрат

Квадратные цветовые схемы похожи на тетрады, расположенные в квадрате, а не в прямоугольнике. Цвета кажутся еще более контрастными.

Симулятор слепоты

Чтобы создавать доступные дизайны, проверьте, как тот или иной цвет воспринимается людьми с дальтонизмом.

Протанопия

1,3% мужчин, 0,02% женщин — 70% сходства

Дейтеранопия

1,2% мужчин, 0,01% женщин — 63% сходства

Тританопия

0,001% мужчин, 0,03% женщин — 41% сходства

Ахроматопсия

0,003% населения — 50% сходства

Проверка контраста

Проверьте, насколько выбранный цвет текста читаем на белом и чёрном фонах — это полезно для светлой и тёмной темы интерфейса. Для подробных параметров контраста, рекомендаций по соответствию стандартам доступности (WCAG) и подбора подходящих альтернатив откройте инструмент проверки контраста.

Контраст с белым фоном
Хорошо
★★★★★
Пример текста
5.99:1
Контраст с чёрным фоном
Плохо
★★★★★
Пример текста
3.51:1