Шестнадцатеричный цветовой код (hex-код) — это формат, используемый в веб-дизайне и фронтенд-разработке для точного задания цвета с помощью шестнадцатеричной системы счисления. Он представляет собой 6 символов, предваряемых символом #.
✅ Структура:
- Hex-код начинается с #, за которым следуют 6 символов:
- Первые 2 — уровень красного (Red),
- Средние 2 — уровень зелёного (Green),
- Последние 2 — уровень синего (Blue).
Пример:
🔸 #FF5733
- FF → красный
- 57 → зелёный
- 33 → синий
Этот код задаёт оранжевый оттенок.
💡 Почему используется?
- Hex-коды обеспечивают максимальную точность цвета.
- Являются стандартом в CSS и HTML.
- Их активно используют дизайнеры и фронтенд-разработчики.
- Позволяют создать визуально гармоничные и адаптивные интерфейсы.
🎨 Отличие от других форматов:
- RGB: rgb(255, 87, 51) — тот же цвет, но в десятичной системе.
- HSL: hsl(14, 100%, 60%) — отражает тон, насыщенность и светлоту.
- Hex — самый компактный и узнаваемый формат.
📌 Сокращённая форма:
- Когда все пары символов одинаковые, можно использовать 3 символа:
- #FFF → #FFFFFF (белый)
- #000 → #000000 (чёрный)