Colorage

Белый дым (White Smoke)

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

HEX #F5F5F5

RGB rgb(245, 245, 245)

HSL hsl(0, 0%, 96%)

Яркий, нежный оттенок, излучающий чистоту и ясность, напоминающий безмятежный утренний туман, идеально подходящий для спокойных пространств.
#F5F5F5

Конвертация

HEXF5F5F5
RGB245, 245, 245
CMYK0, 0, 0, 4
HSB0, 0, 96.08
HSL0, 0, 96
LAB97, 0, 0
XYZ86.8, 91.3, 99.4
LCH97, 0, 0
LUV97, 0, 0
HWB0, 96, 4

О цвете "Белый дым"

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

Описание

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

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

Психология

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

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

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

Значение

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

  • Чистота. Связано с чистым листом и новыми начинаниями.
  • Мир. Воспринимаются как неконфликтные, мягко сливающиеся с толпой.
  • Гигиена. Распространено в учреждениях здравоохранения и оздоровительных центрах.
  • Современность. Используется в технологическом бизнесе и минималистичном брендинге.
  • Церемония. Часто встречается в ритуалах, направленных на обретение ясности.

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

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

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

  • Нейтральная настройка. Позволяет выделить ключевые визуальные элементы/брендинг.
  • Чистый вид. Символизирует порядок и профессионализм.
  • Современная привлекательность. Соответствует современным тенденциям минимализма.
  • Простое сопряжение. Хорошо сочетается с большинством палитр.
  • Текстурное пространство. Создает визуальное «пространство для дыхания».

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

Приложения

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

  • Фоны. Обеспечивает читаемость контента и спокойную атмосферу.
  • Панели пользовательского интерфейса. Выделение элементов на полях и карточках происходит ненавязчиво.
  • Брендинг. Часто используется в современных, минималистичных брендах.
  • Здравоохранение. Создает впечатление чистоты и гигиеничности.
  • Документация. Читать легче, чем на ярком белом фоне на экранах.

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

История

Этот оттенок, известный как «белый дым», используется в веб-дизайне и цифровом дизайне с конца 20-го века, когда он был стандартизирован системами цветов X11 и CSS.

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

Доступность

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

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

Дальтонизм редко влияет на восприятие этого нейтрального цвета, но всегда проверяйте уровень контрастности. Используйте такие инструменты, как рекомендации WCAG по цветовой контрастности, и сочетайте с цветом #333 или темнее для обеспечения доступности.

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

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

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

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

Оттенки

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

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

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

Тона

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

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

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

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

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

Аналогичные

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

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

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

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

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

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

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

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

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

Квадрат

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

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

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

Протанопия

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

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

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

Тританопия

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

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

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

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

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

Контраст с белым фоном
Плохо
★★★★★
Пример текста
1.09:1
Контраст с чёрным фоном
Отлично
★★★★★
Пример текста
19.26:1