Beginner

Конвертер цветов HEX в RGB

Преобразуйте любой шестнадцатеричный код цвета в значения каналов красного, зелёного и синего и готовую для вставки строку CSS rgb().
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Результаты являются ориентировочными и предназначены только для общего ознакомления, а не для профессиональных рекомендаций — всегда самостоятельно проверяйте важные результаты, прежде чем полагаться на них. Читать полный отказ от ответственности.
Быстрый ответ

Как работает этот калькулятор?

Hex-цвет преобразуется в RGB путём удаления '#', раскрытия 3-значной сокращённой записи до 6 цифр, затем каждая пара hex-цифр читается как число с основанием 16 от 0 до 255 для каналов красного, зелёного и синего. Эти три значения образуют строку CSS rgb(R, G, B), готовую для использования в таблицах стилей.

Формула
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → rgb(R, G, B)
How this is calculated

Введите hex-цвет в виде 6-значного кода (#RRGGBB) или его 3-значного сокращения (#RGB). Конвертер сначала удаляет ведущий '#'. Если указаны только три цифры, каждая из них удваивается: например, #abc разворачивается в #aabbcc — это обеспечивает визуальную идентичность сокращённой и полной форм.

Шесть hex-цифр разбиваются на три пары. Каждая пара представляет собой шестнадцатеричное число с основанием 16, которое преобразуется в целое число с основанием 10 в диапазоне от 0 до 255: R — из первой пары, G — из второй, B — из третьей. Поскольку две hex-цифры дают значения от 00 до FF, каждый канал точно отображается на диапазон 0–255, используемый CSS и большинством дисплейных систем.

Три значения канала собираются в строку CSS вида rgb(R, G, B). Ввод проверяется: он должен содержать только символы 0–9 и a–f (без учёта регистра) и быть ровно 3 или 6 цифр после удаления '#'; всё прочее отклоняется, чтобы никогда не получать частично разобранный цвет.

Часто задаваемые вопросы

Они описывают одно и то же цветовое пространство. 3-значное сокращение просто удваивает каждую цифру: #f0c идентично #ff00cc. Используйте сокращение только тогда, когда каждый канал задаётся повторяющейся цифрой.

Нет. Hex-цифры A–F и a–f представляют одинаковые значения, поэтому #FF8800 и #ff8800 преобразуются в одинаковый rgb(255, 136, 0).

Две шестнадцатеричные цифры дают значения от 00 до FF, что соответствует от 0 до 255 в десятичной. Этот 8-битный диапазон является стандартной точностью для каждого цветового канала на дисплеях.

Также известен как

hex в rgb
конвертер hex в rgb
шестнадцатеричный цвет в rgb
код цвета
css цвет
hex цвет в rgb

APA

TG we-Calculate Editorial Team. (2026). Конвертер цветов HEX в RGB [Online calculator]. TG we-Calculate. https://we-calculate.com/ru/calculator/hex-to-rgb-color-converter

Chicago

TG we-Calculate Editorial Team. "Конвертер цветов HEX в RGB." TG we-Calculate. 2026. https://we-calculate.com/ru/calculator/hex-to-rgb-color-converter.

IEEE

TG we-Calculate Editorial Team, "Конвертер цветов HEX в RGB," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/ru/calculator/hex-to-rgb-color-converter

BibTeX

@misc{wecalculate_hex_to_rgb_color_converter, title = {Конвертер цветов HEX в RGB}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/ru/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }

Этот калькулятор вам помог?

Похожие калькуляторы