HEX в RGBA
Переводите #RGB, #RGBA, #RRGGBB и #RRGGBBAA в rgba() с точным декодированием альфы, живым образцом цвета и копируемым результатом.
Открыть инструмент — HEX в RGBAHEX в RGBA vs RGBA в HEX
HEX в RGBA против RGBA в HEX — в чём разница?
Короткий ответ: Это зеркальные инструменты. HEX to RGBA декодирует значения #RGB, #RGBA, #RRGGBB и #RRGGBBAA в rgba() с точным альфа-каналом; RGBA to HEX кодирует rgb() и rgba() обратно в #RRGGBB или восьмизначный #RRGGBBAA. Выбирайте инструмент, который ведёт к вашему целевому формату.
Сравнение HEX в RGBA и RGBA в HEX
| HEX в RGBA | RGBA в HEX | |
|---|---|---|
| Назначение | Переводите #RGB, #RGBA, #RRGGBB и #RRGGBBAA в rgba() с точным декодированием альфы, живым образцом цвета и копируемым результатом. | Переводите rgb() и rgba() в #RRGGBB или #RRGGBBAA с поканальной сверкой и точным округлением альфы в hex — всё локально в браузере. |
| Ввод | #RGB, #RGBA, #RRGGBB или #RRGGBBAA | rgb() или rgba() — процентная запись отклоняется |
| Вывод | rgba() с побайтово точным декодированием альфа и живым образцом | #RRGGBB в верхнем регистре или #RRGGBBAA при альфа меньше 1 |
| Типичное применение | Записать rgba() для CSS или canvas из HEX-токена | Сжать цвет в компактный HEX-токен для систем и инструментов |
Ключевые различия
HEX в RGBA vs RGBA в HEX
Что делает
Зависит от задачиОба преобразуют запись цвета, но в противоположных направлениях: один декодирует HEX, другой кодирует.
Ввод
Зависит от задачиHEX-сторона принимает четыре кратких и полных формы; RGBA-сторона принимает функциональную запись, но отклоняет проценты.
Вывод
Зависит от задачиОба дают копируемую строку с живым образцом цвета; rgba() держит альфа на виду, а HEX добавляет две цифры только при наличии прозрачности.
Когда лучше
Зависит от задачиНужен rgba() для современного CSS или canvas — HEX to RGBA; нужен компактный токен для дизайн-системы — RGBA to HEX.
Сравниваемые инструменты
RGBA в HEX
Переводите rgb() и rgba() в #RRGGBB или #RRGGBBAA с поканальной сверкой и точным округлением альфы в hex — всё локально в браузере.
Открыть инструмент — RGBA в HEXПохожие сравнения
Другие сравнения инструментов Toolars
Частые вопросы
В чём разница между HEX в RGBA и RGBA в HEX?
Один декодирует HEX в rgba(), разворачивая сокращения #RGB и #RGBA по цифре; другой кодирует rgb() и rgba() в HEX, умножая альфа на 255 с округлением и выводя восемь цифр только при наличии прозрачности. Стандарты точности совпадают — направление противоположное.
Можно ли использовать HEX в RGBA и RGBA в HEX вместе?
Да — вместе они дают проверку кругового пути. Преобразуйте HEX в rgba() и обратно: если исходные цифры не восстанавливаются, один из входов использовал синтаксис, который инструменты сознательно отклоняют.