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-коды — это стандарт де-факто в веб-разработке. Браузеры считывают эти шестизначные коды из CSS-стилей и HTML-разметки, чтобы правильно отобразить кнопки, фоны, тексты и границы элементов на вашем экране. Любой современный графический редактор (Figma, Photoshop, Sketch) позволяет экспортировать цвета палитры именно в формате HEX для удобной передачи верстальщикам.