Colorage

Тускло-серый (Dim Grey)

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

HEX #696969

RGB rgb(105, 105, 105)

HSL hsl(0, 0%, 41%)

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

Конвертация

HEX696969
RGB105, 105, 105
CMYK0, 0, 0, 59
HSB0, 0, 41.18
HSL0, 0, 41
LAB44, 0, 0
XYZ13.4, 14.1, 15.4
LCH44, 0, 0
LUV44, 0, 0
HWB0, 41, 59

О цвете "Тускло-серый"

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

Описание

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

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

Его отличительная черта — это сбалансированное сочетание черного и белого с легким оттенком теплоты.

Психология

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

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

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

Значение

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

  • Урбанизм. Связан с городскими пейзажами, архитектурой и промышленным дизайном.
  • Власть. Носится в униформе, символизируя ответственность и порядок.
  • Мудрость. Свидетельствует о зрелости, опыте и возрасте.
  • Неоднозначность. Разница между чёрным и белым подразумевает компромисс или неопределённость.
  • Элегантность. Используется в высококлассном брендинге для создания изысканного образа.

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

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

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

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

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

Приложения

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

  • Фоновые изображения пользовательского интерфейса. Успокаивает яркий контент и улучшает читаемость в условиях высокой контрастности.
  • Корпоративный брендинг. Используется для логотипов или документов, требующих серьезного тона.
  • Инфографика. Разделяет категории, не перенаправляя фокус.
  • Интерфейсы приложений. Обеспечивает нейтральную, современную основу для цифровых продуктов.
  • Минималистичный дизайн. Предлагает элегантный и современный дизайн для печатных изданий и веб-сайтов.

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

История

Цвет «Dim Grey» (тускло-серый) появился как именованный веб-цвет в конце 1980-х годов и был включен в стандарты X11 для цифровых палитр. Исторически подобные оттенки серого встречались в живописи чернилами, углем и графитом, символизируя самоанализ и нейтральность.

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

Доступность

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

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

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

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

Некоторые цвета схожи по настроению и применению с темно-серым, их можно использовать в качестве вариаций или дополнений.

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

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

Оттенки

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

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

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

Тона

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

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

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

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

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

Аналогичные

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

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

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

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

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

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

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

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

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

Квадрат

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

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

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

Протанопия

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

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

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

Тританопия

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

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

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

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

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

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