Черный цвет: технические коды и нюансы использования в дизайне
Чистый черный цвет имеет коды #000000 (HEX), rgb(0, 0, 0) (RGB) и C0 M0 Y0 K100 (CMYK). Однако в профессиональном дизайне «просто черный» редко используется изолированно: для экранов выбирают оттенки с легкой тональностью для снижения нагрузки на глаза, а для печати — составной черный (Rich Black), чтобы избежать эффекта «вымытого» серого пятна.
Базовые модели цвета: как кодируется черный
Понимание разницы между моделями критично для того, чтобы ваш макет выглядел одинаково хорошо и на мониторе клиента, и на готовом полиграфическом изделии.
Веб и экраны (HEX и RGB)
В аддитивной модели (свет излучается экраном) черный — это отсутствие света.
- HEX:
#000000 - RGB:
R:0, G:0, B:0
Лайфхак для UI/UX: Абсолютный черный #000000 на ярких OLED-экранах может создавать чрезмерный контраст с белым текстом, вызывая эффект «смазывания» при скролле (smearing). Для темных тем интерфейсов чаще используют темно-серые оттенки, например #121212 или #1A1A1A.
Печать (CMYK)
В субтрактивной модели (свет отражается от бумаги) черный создается красками. Здесь есть два понятия:
- Plain Black (Обычный черный):
C:0 M:0 Y:0 K:100. Используется для мелкого текста и тонких линий. - Rich Black (Составной черный): Смесь всех красок, где K=100, но добавлены C, M, Y. Это дает глубокий, плотный черный цвет на больших плашках.
Популярные оттенки черного и их коды
Выбор оттенка зависит от задачи: нужно ли создать ощущение премиальности, технологичности или мягкости.
| Название оттенка | HEX | RGB (R,G,B) | CMYK (C,M,Y,K) | Где применять |
|---|---|---|---|---|
| Pure Black (Чистый) | #000000 | 0, 0, 0 | 0, 0, 0, 100 | Текст, логотипы, векторная графика |
| Rich Black (Глубокий) | #010B13* | 1, 11, 19 | 60, 40, 40, 100 | Фоны в печати, визитки, упаковки |
| Cool Black (Холодный) | #002E63 | 0, 46, 99 | 100, 80, 0, 50 | Техно-стиль, корпоративный дизайн |
| Warm Black (Теплый) | #3B2F2F | 59, 47, 47 | 0, 60, 50, 70 | Винтажный стиль, кофе, кожа |
| Matte Black (Матовый) | #28282B | 40, 40, 43 | 0, 0, 0, 85 | Интерфейсы, минимализм, софт-тач |
*Примечание: Rich Black в печати может варьироваться. Приведенный HEX-код является приблизительной имитацией на экране стандартного составного черного (C60 M40 Y40 K100).
Разбор ключевых оттенков
1. Rich Black (Составной черный)
Идеален для крупных запечатываемых областей. Если вы отправите в печать фон с K:100 без добавления других цветов, на бумаге он может выглядеть темно-серым или пятнистым. Добавление циана (C) и пурпура (M) уплотняет цвет.
Осторожно с текстом! Никогда не используйте Rich Black для набора мелкого текста. Из-за неточности совмещения печатных форм (приводки) буквы могут стать размытыми или иметь цветные ореолы. Для текста всегда используйте K:100 (Plain Black).
2. Off-Black (Не совсем черный)
В веб-дизайне часто используют цвета вроде #121212 (Material Design) или #181818. Они снижают нагрузку на зрение при длительном чтении и позволяют теням и глубине интерфейса выглядеть естественнее, чем на «провальном» черном.
Как выбрать правильный черный под задачу
-
Для типографии:
- Мелкий текст:
C:0 M:0 Y:0 K:100. - Крупные плашки и фоны:
C:40 M:0 Y:0 K:100(холодный оттенок) илиC:0 M:0 Y:0 K:100с лакировкой. Универсальный безопасный Rich Black:C:40 M:30 Y:30 K:100. - Всегда запрашивайте цветопробу, так как бумага (мелованная vs офсетная) сильно влияет на восприятие черного.
- Мелкий текст:
-
Для веба и приложений:
- Избегайте чистого
#000000для основных фонов, если на них много контента. - Используйте
#1A1A1A–#2D2D2Dдля карточек и второстепенных элементов. - Проверяйте контрастность текста по стандартам WCAG 2.1. Белый текст на черном фоне должен иметь контраст не менее 4.5:1 (для обычного текста).
- Избегайте чистого
-
Для брендинга:
- Холодный черный ассоциируется с надежностью, технологиями и люксом (часто используется в автопроме и гаджетах).
- Теплый черный (с примесью коричневого) вызывает ощущение уюта, натуральности и истории.
Частые ошибки при работе с черным цветом
- «Перегруженный» черный в печати. Использование значений суммы красок более 300–320% (например, C100 M100 Y100 K100) приводит к тому, что бумага не успевает просохнуть, краска смазывается, а лист деформируется.
- Игнорирование профиля цвета. Черный цвет в профиле sRGB и Adobe RGB выглядит по-разному при конвертации. Для веба всегда работайте в sRGB.
- Плохая читаемость. Серый текст на черном фоне часто становится нечитаемым. Увеличивайте яркость шрифта или его жирность (font-weight) при использовании на темных фонах.
FAQ
Можно ли использовать HEX-код #000000 для подготовки макета в печать? Нет, напрямую нельзя. Программы верстки (InDesign, Illustrator) должны быть настроены на цветовой режим CMYK. HEX-код служит лишь ориентиром для дизайнера, но финальные значения должны быть заданы в процентах выхода красок.
Почему мой черный цвет на принтере выглядит серым? Скорее всего, вы используете только черную краску (K100) на большой площади. Обычная офисная или типографская бумага впитывает краску, и слой K100 кажется недостаточно плотным. Используйте составной черный (Rich Black) для фонов.
Какой черный цвет лучше для AMOLED-экранов?
Чистый #000000. На таких экранах пиксели, отображающие этот цвет, полностью отключаются, что экономит заряд батареи и обеспечивает бесконечную контрастность.