Конвертер цветов RGB в HEX
Преобразуйте любые значения каналов красного, зелёного и синего в веб-совместимый hex-код #RRGGBB и строку CSS rgb().
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
Как работает этот калькулятор?
Для перевода RGB в HEX округлите и ограничьте каждый канал диапазоном 0-255, затем запишите каждый как двузначную шестнадцатеричную пару и объедините их после '#'. Например, rgb(66, 135, 245) становится #4287F5. Те же каналы образуют строку CSS rgb(66, 135, 245), описывающую идентичный цвет.
Формула
How this is calculated
Каждый цветовой канал — красный, зелёный и синий — является 8-битным значением в диапазоне от 0 до 255. Введите три значения каналов; любой ввод округляется до ближайшего целого и ограничивается диапазоном 0..255, чтобы числа за пределами диапазона оставались корректными.
Для построения hex-кода каждый канал преобразуется из десятичной системы в шестнадцатеричную (основание 16). Один байт (0-255) отображается ровно в две hex-цифры, поэтому при необходимости добавляется ведущий ноль (например, 5 становится «05»). Три двузначные пары объединяются после ведущего '#' и приводятся к верхнему регистру, образуя стандартный формат #RRGGBB, используемый в CSS и дизайнерских инструментах.
Строка CSS rgb() просто перечисляет те же ограниченные целочисленные значения каналов как rgb(R, G, B). Обе нотации описывают одинаковый цвет: #FFFFFF равно rgb(255, 255, 255) (белый), а #000000 равно rgb(0, 0, 0) (чёрный). Кольцевая диаграмма показывает относительный вес каждого канала в смеси.
Часто задаваемые вопросы
Стандартный RGB использует 8 бит на канал, что даёт 256 возможных уровней (0-255) для красного, зелёного и синего. Значения ниже 0 или выше 255 ограничиваются этим диапазоном.
Значение от 0 до 255 умещается в один байт, что соответствует ровно двум шестнадцатеричным цифрам (от 00 до FF). Меньшие числа дополняются нулём, чтобы результат всегда содержал шесть цифр.
Да. Это две нотации для одного цвета. Форма hex компактна, а rgb() более читаема; оба являются допустимыми значениями цвета в CSS.
Также известен как
TG we-Calculate Editorial Team. (2026). Конвертер цветов RGB в HEX [Online calculator]. TG we-Calculate. https://we-calculate.com/ru/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "Конвертер цветов RGB в HEX." TG we-Calculate. 2026. https://we-calculate.com/ru/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "Конвертер цветов RGB в HEX," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/ru/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {Конвертер цветов RGB в HEX}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/ru/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Этот калькулятор вам помог?