Белый — это цвет, который может иметь множество различных оттенков и полутонов. При работе с цифровым дизайном, веб-разработкой или компьютерной графикой важно знать конкретные HEX-коды, которые представляют различные оттенки белого. HEX-коды — это 6-значные коды, которые представляют цвета в формате RGB (красный, зеленый, синий). Вводя HEX-код в программное обеспечение для дизайна, вы можете вызвать точный оттенок любого цвета. Это обеспечивает единообразие на разных платформах и в разных приложениях.
HEX-коды состоят из 3 пар цифр в диапазоне от 00 до FF, которые представляют десятичные значения от 0 до 255 для красного, зеленого и синего компонентов цвета. Например, чистый красный — FF0000, чистый зеленый — 00FF00, а чистый синий — 0000FF.
Когда все три компонента имеют значения FF (наивысшее значение), результатом будет чистый белый: FFFFFF. Это представляет 255 красных, 255 зеленых и 255 синих.
Оттенки белого создаются путем уменьшения значений RGB при сохранении их равенства. Например, светло-серый — это C0C0C0, где значения красного, зеленого и синего составляют 192 (что составляет 75% от 255). Чем ниже значения, тем темнее становится серый.
Понимание этих основ позволяет вам взглянуть на любой белый HEX-код и получить представление о том, насколько он темный, яркий или насыщенный.
Вот некоторые из наиболее распространенных HEX-кодов для белых и не совсем белых оттенков:
| HEX-код | Название |
| FFFFFF | Чисто белый |
| F5F5F5 | Белый дымчатый |
| FFFFF0 | Слоновая кость |
| F0FFF0 | Honeydew |
| F5FFFA | Mint Cream |
| F8F8FF | Ghost White |
| F5F5DC | Beige |
| FFF5EE | Seashell |
| FDF5E6 | Old Lace |
| FFFAF0 | Floral White |
| FFFFF5 | White Smoke |
Как вы можете видите ли, коды охватывают все от абсолютного, яркого белого (FFFFFF) до мягких не совсем белых с едва заметными оттенками серого, кремового или розового. Названия помогают вам понять тон цвета.
При выборе белого для веб-сайтов и цифрового дизайна абсолютно белый (FFFFFF) иногда может казаться слишком ярким на экранах. Часто лучше использовать оттенок белого, который приятнее для глаз, но при этом создает ощущение чистоты и открытости.
Вот несколько хороших вариантов:
| HEX-код | Название |
| F2F2F2 | Whisper White |
| F5F5F5 | White Smoke |
| FBFBFB | Ghost White |
| FAFAFA | Snow |
| F8F8F8 | White Lilac |
Whisper White (F2F2F2) или White Smoke (F5F5F5) создают чистое, яркое ощущение, при этом оставаясь приятным для глаз. Ghost White (FBFBFB) и Snow (FAFAFA) также являются популярными вариантами. White Lilac (F8F8F8) обеспечивает тонкий мягкий тон.
Для текста чистый белый (FFFFFF) обычно обеспечивает наилучший контраст с фоном страницы. Оттенки белого могут сделать текст тусклым или сероватым.
Однако, если чисто белый текст слишком контрастирует с цветным фоном страницы, эти слегка не совсем белые коды могут помочь смягчить контраст:
| HEX-код | Название |
| F8F8F8 | Белая сирень |
| F5F5F5 | Белый дым |
| F2F2F2 | Шепот белого |
Тонкий сероватый тон позволяет тексту четко выделяться, не будучи таким резким, как чисто белый. Белый сиреневый (F8F8F8) обеспечивает хороший контраст в большинстве случаев.
При использовании белого для границ, линий или разделительных элементов эти более темные оттенки могут добавить визуальный интерес:
| HEX-код | Название |
| D3D3D3 | Светло-серый |
| A9A9A9 | Темно-серый |
| 808080 | Серый |
| 696969 | Тускло-серый |
Светло-серый (D3D3D3) обеспечивает приятный контраст с фонами, такими как Whisper White и White Smoke. Более темные оттенки серого, такие как Gray (808080) и Dim Gray (696969), можно использовать для более смелых контуров и разделений.
Помогает выбирать оттенки белого, которые дополняют другие цвета в схеме дизайна. Вот несколько примеров белого, которые хорошо сочетаются с популярными цветовыми палитрами:
С синими:
| Фон страницы | Границы/Линии | Текст |
| F2F2F2 Шепчущий белый | A9A9A9 Темно-серый | FFFFFF Чистый белый |
С зелеными:
| Фон страницы | Границы/Линии | Текст |
| F5FFFA Мятный крем | 808080 Серый | FFFFFF Чистый Белый |
С розовыми:
| Фон страницы | Границы/Линии | Текст |
| FFF5EE Ракушка | D3D3D3 Светло-серый | FFFFFF Чистый Белый |
Выбор трех дополнительных оттенков гарантирует, что все элементы будут четко и эстетично выделяться.
Знание конкретных HEX-кодов для различных оттенков белого позволяет вам выбрать идеальный оттенок для каждого элемента в цифровом дизайне. Абсолютно белый (FFFFFF) лучше всего подходит для текста, в то время как оттенки белого, такие как Whisper White (F2F2F2) и White Smoke (F5F5F5), отлично подходят для фона. Более темные оттенки серого могут обеспечить красивые контрастные линии. Сочетайте белый с другими цветами в палитре для получения целостного, профессионального вида.
С помощью этой справки по общим белым HEX-кодам вы можете добиться нужного тона, контраста и стиля для вашего следующего дизайнерского проекта.