Colorage

Бонди Блю (Bondi Blue)

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

HEX #0095B6

RGB rgb(0, 149, 182)

HSL hsl(191, 100%, 36%)

Сияющая бирюзовая гладь, переливающаяся солнечным светом и тропической энергией, дарит ощущение свежести, открытости и радости.
#0095B6

Конвертация

HEX0095B6
RGB0, 149, 182
CMYK100, 18, 0, 29
HSB190.88, 100, 71.37
HSL191, 100, 36
LAB57, -21, -26
XYZ19.2, 24.9, 48
LCH57, 33, 231
LUV57, -41, -38
HWB191, 0, 29

О цвете "Бонди Блю"

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

Описание

Этот оттенок — яркий сине-зеленый, источающий отчетливо тропическую и энергичную атмосферу. Он сочетает в себе успокаивающие свойства синего с освежающими элементами зеленого.

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

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

Психология

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

Значение

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

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

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

Приложения

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

История

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

Цвет Bondi Blue стал культовым, когда Apple использовала похожий оттенок для оригинального iMac G3 в 1998 году, ассоциируя его с инновациями.

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

Доступность

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

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

При использовании в качестве основного текста, сочетайте только черный ( 000000 ) или белый ( FFFFFF ). Проверьте контрастность с помощью таких инструментов, как WCAG, чтобы обеспечить читаемость для всех пользователей.

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

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

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

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

Оттенки

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

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

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

Тона

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

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

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

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

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

Аналогичные

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

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

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

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

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

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

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

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

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

Квадрат

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

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

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

Протанопия

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

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

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

Тританопия

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

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

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

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

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

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