HEX-код (от англ. hexadecimal) — это шестнадцатеричный способ записи цвета, который используется разработчиками и дизайнерами при создании сайтов. Если вам нужно быстро перевести или скорректировать такой код, воспользуйтесь нашим бесплатным конвертером цветов онлайн прямо сейчас.
Как устроен HEX код?
Каждый HEX-код начинается с символа решетки (#), за которым следуют 6 букв или цифр. Эта запись всегда разбивается на три пары, которые описывают интенсивность базовых цветов (RGB — красный, зеленый и синий).
Например, в коде #EA580C:
- EA отвечает за красную составляющую (Red).
- 58 отвечает за зеленую составляющую (Green).
- 0C отвечает за синюю составляющую (Blue).
Математика цвета
В шестнадцатеричной системе счисления используются цифры от 0 до 9 и буквы от A до F (где A=10, а F=15). Таким образом, 00 означает полное отсутствие цвета (0), а FF — максимальную яркость (255 в десятичной системе).
#000000— чистый черный цвет (нет ни красного, ни зеленого, ни синего света).#FFFFFF— чистый белый цвет (все цвета включены на максимум).#FF0000— чистый красный.
Сокращенная запись
В CSS часто используется сокращенная запись из трех символов, если внутри каждой пары значения одинаковы. Например, #FFF это то же самое, что и #FFFFFF, а #F00 равноценно #FF0000. Это позволяет писать код быстрее и экономить размер CSS-файлов.
Вопросы и ответы о HEX-кодах
Можно ли использовать 3-значные HEX-коды?
Да, современные браузеры поддерживают сокращенную запись. Код из трех символов (например, #ABC) интерпретируется как дублирование каждого знака: #AABBCC. Это удобно для простых цветов, таких как белый (#FFF) или серый (#888).
Важен ли регистр букв в HEX-коде?
Нет, регистр не имеет значения. Коды #ffffff и #FFFFFF абсолютно идентичны для браузера. Однако в профессиональной среде принято использовать верхний регистр (заглавные буквы) для лучшей читаемости кода.
Поддерживает ли HEX прозрачность?
Да, существует формат HEXA (8-значный код). Последние два символа в нем отвечают за альфа-канал (прозрачность). Например, #FF000080 — это красный цвет с прозрачностью 50%.