С этим инструментом что-то не так?

О «Конвертер HEX в RGB Онлайн»

Этот инструмент конвертирует hex (#FF5733) в RGB (rgb(255, 87, 51)) и обратно. Оба формата описывают одинаковые цвета, но в CSS удобнее hex, а при программной работе со слайдерами — RGB.

Поддерживаются 6-значный hex (#FF5733), 3-значный (#F53 ≡ #FF5533), 8-значный с альфа-каналом (#FF5733FF). Вывод и в rgb(), и в современном rgb(r g b / a).

Полезно при переносе дизайна между инструментами (Figma — hex, код — rgb), отладке визуальных отличий в CSS, разработке утилит для обоих форматов.

Как пользоваться этим инструментом

Как преобразовать hex-цвет в RGB

  1. Введите hex

    Hex-значение — в поле "Hex (#RGB or #RRGGBB)". Ведущий `#` опционален, регистр не важен — `#FF00aa` и `ff00aa` работают одинаково.

  2. Расширение трёхзначной формы

    3-значный hex автоматически расширяется удвоением каждого знака: `#abc` становится `#aabbcc` до парсинга. Любая длина, кроме 3 или 6 валидных hex-цифр, отвергается с понятной ошибкой.

  3. Запуск

    В результате — `r`, `g`, `b` (каждое 0–255), `rgbCss` (готовая строка `rgb(r, g, b)`) и `hex` (нормализованная нижне-регистровая 6-значная форма).

  4. Используйте rgbCss как есть

    rgbCss отформатирован ровно так, как браузеры ждут в inline-стилях. Копируйте в таблицу стилей, дизайн-инструмент или проп компонента без правок.

Похожие инструменты