Черный — очень распространенный цвет, используемый в дизайне, моде и искусстве. Это также один из самых универсальных цветов, который можно использовать в разных контекстах. При работе в цифровом формате черный цвет обычно представляется с помощью шестнадцатеричных цветовых кодов. Так какой же именно шестнадцатеричный код у черного цвета?
В HTML и CSS цвета можно указывать с помощью предопределенных названий цветов, таких как «черный», значений RGB, значений HSL и шестнадцатеричных кодов. Из них шестнадцатеричные коды являются наиболее популярным способом представления цветов в цифровом формате.
Шестнадцатеричные коды — это 6-значные коды, которые представляют RGB-состав цвета. Они всегда начинаются с хэштега #, а затем идут 6 шестнадцатеричных цифр в диапазоне от 0 до F, которые представляют значения красного, зеленого и синего по шкале от 00 до FF.
Шестнадцатеричные коды используют шестнадцатеричную систему, которая имеет 16 цифр в диапазоне от 0 до F. Они представляют значения от 0 до 15 в десятичной системе. Таким образом, F в шестнадцатеричной системе представляет значение 15 в десятичной системе.
Некоторые примеры:
0 = 0
A = 10
F = 15
В шестнадцатеричных кодах первые две цифры представляют значение КРАСНОГО цвета, следующие две — значение ЗЕЛЕНОГО цвета, а последние две — значение СИНЕГО цвета.
Каждое из этих значений находится в диапазоне от 00 до FF, представляя десятичные значения от 0 до 255. Смешивая различные уровни красного, зеленого и синего цветов, мы можем получить любой цвет.
Например, #000000 — это чистый черный цвет. В нем нет красного, зеленого или синего.
#FFFFFF — это чистый белый цвет с полными значениями красного, зеленого и синего.
Так какой же шестнадцатеричный код представляет черный цвет? На самом деле существует несколько различных шестнадцатеричных значений, которые используются для представления оттенков черного.
Основной шестнадцатеричный код черного — #000000 — он представляет значение RGB R:0, G:0, B:0 — никаких следов какого-либо цвета. Это настоящий черный цвет без светлоты.
Некоторые другие распространенные шестнадцатеричные коды черного цвета:
| Шестнадцатеричный код | Значения RGB | Название цвета |
|---|---|---|
| #0C0C0C | R: 12, G: 12, B: 12 | 90% черного |
| #1A1A1A | R: 26, G: 26, B: 26 | 85% черного |
| #282828 | R: 40, G: 40, B: 40 | 80% Черный |
| #363636 | R: 54, G: 54, B: 54 | 75% черного |
| #444444 | R: 68, G: 68, B: 68 | 70% черного |
| #525252 | R: 82, G: 82, B: 82 | 65% черного |
Как вы можете видеть, добавляя небольшое количество цвета RGB, можно создать различные более темные оттенки черного.
Эти цветовые коды полезны, когда вам нужен сплошной черный цвет, но с очень небольшими вариациями для контраста с полностью черным. Чем выше значения RGB, тем светлее выглядит черный.
На веб-сайтах использование чистого черного текста #000000 на белом фоне #FFFFFF может создать слишком резкий контраст и повлиять на читаемость.
Поэтому для основного текста часто используются немного более светлые оттенки черного. Самый популярный черный цвет для веб-дизайна — #333333, который составляет около 75% темноты.
Для текста абзаца обычно используются такие оттенки, как #444444 и #555555, чтобы черный текст было легче читать на длинных участках.
Чистый черный цвет #000000 лучше всего использовать для заголовков, надписей и акцентных элементов, таких как кнопки или логотипы.
В материальном дизайне, который популярен в Android и современных веб-сайтах, черный цвет имеет целую систему определенных оттенков.
Основные черные цвета, используемые в материальном дизайне:
| Шестнадцатеричный код | Название |
|---|---|
| #000000 | Черный |
| #121212 | На основном |
| #1F1F1F | Основной текст |
| #242424 | Вторичный текст |
| #2E2E2E | Значки |
| #3D3D3D | Отключенный/подсказочный текст |
| #444444 | Разделители |
Как вы можете видеть, в материальном дизайне для разных контекстов определены как чистые черные, так и затемненные черные цвета.
Использование черных оттенков помогает создать визуальную иерархию, направить внимание и улучшить эстетика.
Хотя черный текст на белом фоне обычно используется в веб-дизайне, у некоторых пользователей это может вызвать проблемы с доступностью.
Людям с нарушениями зрения, такими как светочувствительность, слабое зрение или дальтонизм, может быть сложно воспринимать резкий контраст черного на белом.
Некоторые способы сделать черный текст более доступным:
– Используйте темно-серые оттенки вместо полностью черного для основного текста
– Убедитесь, что соотношение контрастности текста и фона составляет не менее 4,5:1
– Позвольте пользователям переключаться между темным и светлым режимами
– Избегайте использования только цвета для передачи информации
С некоторыми оговорками черный текст можно сделать доступным для всех читателей.
Черный текст выглядит значительно иначе на экранах с подсветкой, таких как телефоны и мониторы, по сравнению с печатью.
На экранах черные пиксели отключены, что позволяет свету проходить сквозь них. Из-за этого черный текст на экране выглядит светлее и менее контрастным по сравнению с черными чернилами на бумаге.
Чтобы компенсировать это, более темные оттенки, такие как очень темно-серый (#111111) или угольный (#474747), лучше подходят для читаемости черного текста на цифровых экранах.
Чистый черный #000000 может подавлять на слишком ярких экранах. Использование немного более светлых версий помогает усилить визуальную иерархию, не жертвуя разборчивостью.
Основной шестнадцатеричный код черного цвета — #000000. Он представляет собой значение RGB 0,0,0 — никаких следов какого-либо цвета.
Другие распространенные оттенки черного включают #333333 и #454545, которые являются темно-серыми, используемыми для текста.
Черные оттенки создаются путем добавления небольшого количества цвета RGB к чистому черному #000000. Более темные оттенки черного обеспечивают глубину, контрастность и привлекают внимание.
Для обеспечения доступности используйте темно-серый вместо чисто черного текста. Разрешите переключение между светлым и темным режимами. На цифровых экранах более темные оттенки черного улучшают читаемость.
Понимание различных шестнадцатеричных кодов и оттенков черного позволяет вам применять этот универсальный цвет более эффективно.