Палитра серых оттенков: от цифрового экрана до промышленного стандарта
Серый цвет — это фундамент современного дизайна, обеспечивающий визуальную стабильность интерфейсам и благородство интерьерам. Чтобы избежать расхождений между экраном монитора, печатным макетом и окрашенной поверхностью, необходимо использовать правильные цветовые модели. В этой статье собраны исчерпывающие таблицы кодов серого цвета: цифровые форматы RGB и HEX для веба, а также промышленные стандарты RAL Classic для архитектуры и производства.
Оглавление
Разница между RGB, HEX и RAL: когда какой код использовать
Прежде чем переходить к таблицам, важно разобраться в природе этих форматов, так как они решают разные задачи.
RGB (Red, Green, Blue) и его шестнадцатеричное представление HEX — это аддитивные модели, используемые исключительно для экранов (мониторов, смартфонов, телевизоров). Цвет здесь формируется за счет свечения пикселей. Например, классический серый цвет имеет код rgb(128, 128, 128) или #808080.
RAL Classic — это физическая система цветопередачи, разработанная в Германии в 1927 году. Она описывает реальные пигменты краски, порошкового покрытия или пластика. Серые тона в этой системе занимают диапазон от 7000 до 7048.
Важно помнить: у цветов RAL нет точных математических аналогов в RGB или HEX. Любая таблица соответствия дает лишь приблизительное значение для предпросмотра на мониторе. Для точного попадания в цвет при покраске всегда используйте физические веера RAL K5 или K7.
Таблица основных оттенков серого для веб-дизайна (RGB и HEX)
В веб-разработке и графическом дизайне чаще всего используются нейтральные серые тона. Ниже приведена таблица самых популярных оттенков с их точными цифровыми кодами. Эти значения универсальны для CSS, Photoshop и Figma.
| Название оттенка | HEX код | RGB (R, G, B) | Применение |
|---|---|---|---|
| Белый | #FFFFFF | 255, 255, 255 | Фон, чистое пространство |
| Платиновый | #E5E4E2 | 229, 228, 226 | Мягкие фоны, альтернатива белому |
| Гейнсборо | #DCDCDC | 220, 220, 220 | Светлые подложки блоков |
| Светло-серый (LightGray) | #D3D3D3 | 211, 211, 211 | Границы, разделители |
| Серебряный (Silver) | #C0C0C0 | 192, 192, 192 | Иконки, второстепенный текст |
| Темно-серый (DarkGray) | #A9A9A9 | 169, 169, 169 | Неактивные элементы UI |
| Серый (Gray) | #808080 | 128, 128, 128 | Базовый нейтральный тон |
| Тусклый серый (DimGray) | #696969 | 105, 105, 105 | Основной текст на светлом фоне |
| Телегрей | #909090 | 144, 144, 144 | Промежуточный технический тон |
| Графитовый | #474A51 | 71, 74, 81 | Темные темы, футеры |
| Антрацитово-серый | #293133 | 41, 49, 51 | Замена черному цвету |
| Черный | #000000 | 0, 0, 0 | Контрастные акценты |
Примечание: В HTML названия Grey и Gray являются синонимами и оба указывают на цвет #808080.
Популярные сложные оттенки серого для интерфейсов
Если вам нужно уйти от скучного нейтрального серого, используйте оттенки с легким подтоном. Они делают дизайн «дороже» и приятнее для глаз.
- Агатовый серый:
#B5B8B1(RGB: 181, 184, 177) — легкий зеленоватый подтон. - Бежево-серый:
#6D6552(RGB: 109, 101, 82) — теплый, уютный оттенок. - Сине-серый (SlateGray):
#708090(RGB: 112, 128, 144) — холодный, технологичный тон. - Пепельный:
#C6C3B5(RGB: 198, 195, 181) — мягкий природный оттенок.
Полная таблица серых цветов RAL Classic (7000–7048)
Система RAL насчитывает 38 оттенков серого. Первая цифра «7» в коде обозначает принадлежность к серой группе. Эти цвета активно используются в архитектуре (окраска фасадов, окон ПВХ), автомобилестроении и дизайне интерьеров (мебель, двери).
Ниже представлена таблица с официальными русскими названиями и приближенными HEX-кодами для цифровой визуализации.
| Код RAL | Русское название | Приблизительный HEX | Характеристика оттенка |
|---|---|---|---|
| 7000 | Серая белка | #78858B | Холодный серо-голубой |
| 7001 | Серебристо-серый | #8A9597 | Металлический блеск |
| 7002 | Оливково-серый | #7E7B52 | С выраженным зеленым подтоном |
| 7003 | Серый мох | #6C7059 | Природный, землистый тон |
| 7004 | Сигнальный серый | #969992 | Нейтральный, стандартный серый |
| 7005 | Мышино-серый | #646B63 | Темный, насыщенный серый |
| 7006 | Бежево-серый | #6D6552 | Теплый коричневато-серый |
| 7008 | Серое хаки | #6A5F31 | Военный стиль, грязно-зеленый |
| 7009 | Зелено-серый | #4D5645 | Глубокий темный оттенок |
| 7010 | Брезентово-серый | #4C514A | Цвет технической ткани |
| 7011 | Железно-серый | #434B4D | Цвет металла, индустриальный |
| 7012 | Базальтово-серый | #4E5754 | Темный камень |
| 7013 | Коричнево-серый | #464531 | Глубокий земляной тон |
| 7015 | Сланцево-серый | #434750 | Холодный темно-серый |
| 7016 | Антрацитово-серый | #293133 | Почти черный, премиальный фасадный цвет |
| 7021 | Черно-серый | #23282B | Глубокий угольный оттенок |
| 7022 | Серая умбра | #332F2C | Темный с коричневым отливом |
| 7023 | Серый бетон | #686C5E | Имитация необработанного бетона |
| 7024 | Графитовый серый | #474A51 | Современный темный тон для мебели |
| 7026 | Гранитовый серый | #2F353B | Очень темный, почти черный |
| 7030 | Каменно-серый | #8B8C7A | Светлый натуральный камень |
| 7031 | Сине-серый | #474B4E | Строгий холодный оттенок |
| 7032 | Галечный серый | #B8B799 | Светлый песочно-серый |
| 7033 | Цементно-серый | #7D8471 | Классический строительный серый |
| 7034 | Желто-серый | #8F8B66 | Теплый, винтажный оттенок |
| 7035 | Светло-серый | #D7D7D7 | Один из самых популярных цветов для окон ПВХ |
| 7036 | Платиново-серый | #7F7679 | Благородный металлический тон |
| 7037 | Пыльно-серый | #7D7F7D | Нейтральный средний тон |
| 7038 | Агатовый серый | #B5B8B1 | Светлый с легким зеленым отливом |
| 7039 | Кварцевый серый | #6C6960 | Темный природный минерал |
| 7040 | Серое окно | #9DA1AA | Стандартный цвет алюминиевых профилей |
| 7042 | Транспортный серый А | #8D948D | Практичный цвет для спецтехники |
| 7043 | Транспортный серый Б | #4E5452 | Темный вариант для техники |
| 7044 | Серый шелк | #CAC4B0 | Мягкий, перламутровый оттенок |
| 7045 | Телегрей 1 | #909090 | Средний тон, стандарт связи |
| 7046 | Телегрей 2 | #82898F | Чуть темнее и холоднее |
| 7047 | Телегрей 4 | #D0D0D0 | Очень светлый, близкий к белому |
| 7048 | Перламутровый мышино-серый | #898176 | Сложный оттенок с эффектом металлик |
Совет для дизайнеров интерьеров: Для создания стиля «Лофт» или «Минимализм» комбинируйте RAL 7016 (Антрацит) для темных акцентных стен с RAL 7035 (Светло-серый) для основных поверхностей. Это создает глубокий, но не мрачный контраст.
Как выбрать правильный код серого цвета?
Выбор конкретного кода зависит от конечной цели вашего проекта:
- Для сайтов и приложений: Используйте HEX-коды из первой таблицы. Они гарантируют, что цвет будет отображаться одинаково на большинстве устройств. Избегайте чистого черного (#000000) для текста — лучше возьмите темно-серый (#293133 или #474A51), это снижает нагрузку на глаза.
- Для печати (полиграфия): Серый цвет в печати формируется за счет процента черного (K) в модели CMYK. Нейтральный серый — это
0, 0, 0, 50. Однако для сложных оттенков лучше использовать систему Pantone, так как смесевая печать точнее передает полутона. - Для ремонта и производства: Если вы красите забор, фасад дома или заказываете кухню, забудьте про HEX. Назовите маляру или производителю точный номер RAL (например, «RAL 7024 Графитовый серый»). Попросите сделать выкрас на небольшом участке, так как степень блеска (матовый, полуматовый, глянец) сильно меняет восприятие одного и того же номера RAL.
Частые ошибки при работе с серым цветом
- Игнорирование освещения: Серый цвет крайне метамеричен. При холодном дневном свете он может казаться синим (как RAL 7031), а при теплом ламповом — желтить (как RAL 7034). Всегда проверяйте образцы при том освещении, в котором будет находиться объект.
- Путаница в написании: В программировании нет разницы между
GrayиGrey, но в общении с зарубежными партнерами лучше придерживаться международного вариантаGrey. - Недостаточный контраст: Светло-серый текст на белом фоне (например, #D3D3D3 на #FFFFFF) не проходит тесты на доступность (accessibility). Минимальное соотношение контраста для обычного текста должно быть 4.5:1.
Знание точных кодов позволяет говорить с разработчиками, типографиями и строителями на одном языке, исключая риск получить «не тот» серый цвет в финальном проекте.
FAQ
Какой серый цвет самый популярный для окон ПВХ? Наиболее востребованным стандартом является RAL 7035 (Светло-серый). Он нейтрален, хорошо сочетается с любыми фасадами и менее маркий, чем белый.
Можно ли точно перевести RAL в HEX? Нет, точного математического перевода не существует. RAL описывает физический пигмент, а HEX — свет на экране. Таблицы соответствия дают лишь приблизительную визуализацию.
Какой серый цвет лучше использовать вместо черного в веб-дизайне? Рекомендуется использовать оттенки вроде #293133 (Антрацит) или #474A51 (Графит). Они снижают контрастную нагрузку на глаза пользователя по сравнению с чистым #000000.