Теория
Цвет в компьютере задают тремя компонентами: красным, зелёным и синим. В формате RGB каждая компонента — число от 0 до 255, в HEX — две шестнадцатеричные цифры на компоненту: \(\texttt{#RRGGBB}\). Нули — чёрный, максимумы — белый, равные значения — серый.
Перевод между форматами — пересчёт компонент: \(3B_{16} = 59\), \(82_{16} = 130\), \(F6_{16} = 246\). HEX удобен в вёрстке, RGB — в графических редакторах и коде.
Важно: короткая HEX-запись \(\texttt{#3BF}\) удваивает каждую цифру — это \(\texttt{#33BBFF}\), а не что-то среднее.
Пример с решением
- Условие. Переведите \(\texttt{#3B82F6}\) в RGB.
- Формула. Каждая пара цифр — компонента: \(R = 3B_{16}\), \(G = 82_{16}\), \(B = F6_{16}\).
- Подстановка. \(3B = 3 \times 16 + 11 = 59\), \(82 = 130\), \(F6 = 246\).
- Вычисление. Компоненты: 59, 130, 246.
- Ответ. rgb(59, 130, 246) — фирменный синий. Калькулятор с этим HEX покажет RGB и другие представления цвета.
Главное
- RGB: три компоненты 0–255; HEX: по две цифры на компоненту.
- #3B82F6 → rgb(59, 130, 246).
- Короткая запись #3BF — удвоение цифр.