Сине-серый (Blue Grey)
Успокаивающее сочетание серых оттенков в нежно-голубом цвете создает сбалансированную, современную и спокойную атмосферу.
HEX #6699CC
RGB rgb(102, 153, 204)
HSL hsl(210, 50%, 60%)
Конвертация
О цвете "Сине-серый"
Узнайте о психологии цвета, его значении и практическом применении в дизайне.
Описание
Этот мягкий сине-серый оттенок сочетает в себе спокойствие синего цвета со стабильностью серого. В дизайне его часто называют сине-серым или «синим колокольчиком». Цвет находится между яркостью синего и нейтральностью серого, что делает его универсальным, но в то же время выразительным.
Благодаря своей мягкой, приглушенной текстуре он идеально подходит для фона или в качестве акцентного элемента, создавая чистое, современное и спокойное ощущение, широко используемое в цифровых интерфейсах и печатном дизайне.
Психология
Этот оттенок излучает чувство спокойствия, стабильности и доверия. Он сочетает в себе безмятежность синего с практичностью серого, создавая ощущение мира и ясности.
- Доверять. Внушает доверие и уверенность.
- Спокойствие. Способствует расслаблению в стрессовых ситуациях.
- БАЛАНС. Выступает посредником между яркими цветами.
- Профессионализм. Обладает сдержанным и зрелым характером.
- Тонкость. Ненавязчивое, мягкое присутствие.
Его психологическое воздействие подходит для рабочей среды и технологических брендов, стремящихся к надежности.
Значение
В разных культурах синие оттенки символизируют доверие, мир и честность. Серые тона олицетворяют нейтральность и изысканность.
- Мир. Часто ассоциируется со спокойствием и порядком.
- Ответственность. Это говорит о зрелости и умеренности.
- Власть. В униформе или фирменной символике обозначает компетентность.
- Чистота. В некоторых азиатских мотивах ассоциируется с ясностью.
- Современность. Считается модным трендом в дизайне интерьеров.
В западном бизнесе этот цвет часто выбирают для демонстрации нейтральности и спокойствия; в дизайне он символизирует современность.
Почему используется именно этот цвет?
Дизайнеры выбирают этот цвет за его сочетание современности и доступности.
- Универсальность. Дополняет широкую палитру цветов.
- Читабельность. Подходит в качестве фона для белого или темного текста.
- Тонкость. Не будет отвлекать внимание от контента.
- Доверие. Отлично подходит для финансового, технологического и медицинского секторов.
Она внушает спокойствие, доверие и ясность, что делает ее идеальной для креативных студий, технологических компаний и современных брендов.
Приложения
Идеально подходит для фоновых изображений веб-сайтов, панелей пользовательского интерфейса и корпоративного брендинга.
- Заголовки. Обеспечивает ясность восприятия без чрезмерного визуального воздействия.
- Карты/Контейнеры. Ненавязчивое разделение в макетах.
- Инфографика. Невысокий контраст для точек данных.
- Формы. Безопасный, успокаивающий фон для ввода.
Этот цвет популярен в деловом дизайне, поскольку создает ощущение комфорта, особенно в условиях большого объема информации.
История
Сине-серые оттенки приобрели популярность с появлением современного графического дизайна и веб-дизайна в конце 20-го века.
Впервые они появились в моде и дизайне интерьеров в 1970-х годах и быстро стали популярными в технологической сфере благодаря своей надежности и утонченности. В искусстве сине-серые тона ассоциируются со спокойными пейзажами и прохладной атмосферой, легко сочетая тепло и холод.
Доступность
На светлом фоне сине-серый цвет может иметь недостаточный контраст, что затрудняет чтение текста, особенно для пользователей с нарушениями зрения.
На темном фоне он обеспечивает превосходный контраст. Для людей с дальтонизмом он, как правило, остается видимым, хотя может сливаться с похожими оттенками серого или приглушенными синими. Проверьте с помощью инструментов и стандартов WCAG.
Похожие цвета
Этот оттенок имеет множество похожих цветов в дизайне, особенно в современных цветовых палитрах.
Оттенки и тона
Оттенки
Оттенок создается путем добавления черного цвета к базовому цвету, что увеличивает его темноту. Оттенки выглядят более эффектными и насыщенными.
Осветленные оттенки
Оттенок создается путем добавления белого цвета к базовому цвету, что увеличивает его светлость. Оттенки, как правило, выглядят пастельными и менее интенсивными.
Тона
Оттенок создается путем добавления серого цвета к базовому цвету, увеличивая его светлость. Оттенки выглядят более изысканно и сложно, чем базовые цвета.
Оттенки по цветовому кругу
Оттенок (hue) — это базовое семейство цвета от красного до фиолетового. Здесь показаны вариации базового цвета на цветовом круге.
Цветовые гармонии
Цветовые гармонии — это приятные цветовые схемы, созданные в соответствии с их положением на цветовом круге
Аналогичные
Аналогичные цветовые схемы создаются путем выбора трех цветов, расположенных рядом друг с другом на цветовом круге. Они воспринимаются как спокойные и безмятежные.
Дополнительный
Комплементарные цветовые схемы создаются путем выбора двух противоположных цветов на цветовом круге. Близость друг к другу создает ощущение большей яркости.
Разделенный комплементарный
Раздельно-комплементарные цветовые схемы похожи на комплементарные, но используют два диагональных цвета комплемента. Они более гибкие, чем комплементарные.
Триадический
Триадические цветовые схемы создаются путем выбора трех цветов, равномерно расположенных на цветовом круге. Они выглядят довольно контрастными и многоцветными.
Тетрадический
Тетрадические цветовые схемы создаются из двух пар дополнительных цветов, расположенных в форме прямоугольника на цветовом круге. Они очень универсальны и лучше всего работают с одним доминирующим цветом.
Квадрат
Квадратные цветовые схемы похожи на тетрады, расположенные в квадрате, а не в прямоугольнике. Цвета кажутся еще более контрастными.
Симулятор слепоты
Чтобы создавать доступные дизайны, проверьте, как тот или иной цвет воспринимается людьми с дальтонизмом.
Протанопия
1,3% мужчин, 0,02% женщин — 79% сходства
Дейтеранопия
1,2% мужчин, 0,01% женщин — 75% сходства
Тританопия
0,001% мужчин, 0,03% женщин — 67% сходства
Ахроматопсия
0,003% населения — 69% сходства
Проверка контраста
Проверьте, насколько выбранный цвет текста читаем на белом и чёрном фонах — это полезно для светлой и тёмной темы интерфейса. Для подробных параметров контраста, рекомендаций по соответствию стандартам доступности (WCAG) и подбора подходящих альтернатив откройте инструмент проверки контраста.