Перейти к содержимому
Toolars
Каталог
Сообщить об ошибке

Дизайн · утилита · Локально

HEX в RGBA

HEX to RGBA Converter

Переводите #RGB, #RGBA, #RRGGBB и #RRGGBBAA в rgba() с точным декодированием альфы, живым образцом цвета и копируемым результатом.

Путь задачи / от ввода к результату

Введите цвет HEX

Работает локально · Ничего не загружается на сервер

Как работает HEX в RGBA, конфиденциальность и похожие инструменты

Путь задачи / от ввода к результату

Как преобразовать цвет HEX в RGBA

  1. 01

    Введите цвет HEX

    Введите значение в поле «HEX-цвет» — оно открывается с уже заполненным #6D5EF8CC. Строгий парсер принимает #RGB, #RGBA, #RRGGBB и #RRGGBBAA — подсказка под полем перечисляет ровно эти четыре формата, а поле ограничивает ввод девятью символами.

  2. 02

    Запустите преобразование

    Нажмите «Преобразовать в RGBA». Парсер проверяет всё значение до отрисовки, а некорректное отклоняется с сообщением, называющим четыре допустимых формата. Редактирование поля очищает прежний результат, поэтому панель ниже никогда не показывает устаревший цвет.

  3. 03

    Прочитайте каналы RGBA

    Alpha вычисляется делением байта на 255 без округления в расчётах. RGBA и каналы показывают до шести знаков; все 256 значений байта alpha восстанавливаются из экспортированного RGBA.

  4. 04

    Проверьте образец

    Большой образец предпросмотра отрисовывает преобразованный цвет напрямую, поэтому полупрозрачный результат сразу виден на фоне страницы. Убедитесь с его помощью, что альфа выглядит так, как задумано в дизайне, прежде чем копировать.

  5. 05

    Загрузите пример при необходимости

    Нажмите «Загрузить пример», чтобы прогнать полный пример — #22C55E99 превращается в rgba(34, 197, 94, 0.6) — и увидеть весь путь от ввода до каналов. «Сбросить» возвращает поле к #6D5EF8CC и очищает результат.

  6. 06

    Скопируйте или скачайте результат

    Нажмите «Копировать результат», чтобы скопировать значение rgba() в буфер обмена, или «Скачать», чтобы сохранить его как toolars-color-rgba.txt. Оба действия неактивны, пока преобразование не завершится успешно, поэтому пустой результат скопировать нельзя.

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

HEX в RGBA использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

Используйте основной сценарий без создания профиля. Избранное синхронизируется с аккаунтом после входа.

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Что на самом деле делает HEX в RGBA

В спецификации передачи дизайна полупрозрачный фирменный цвет записан как #6D5EF8CC, а таблица стилей, которую вы правите, требует rgba(): с байтами красного, зелёного и синего ещё можно справиться, но CC — это 204 из 255, то есть примерно альфа 0,8, и считать это в уме — прямой путь к ошибкам. HEX в RGBA точно декодирует каждую группу цифр, разворачивает сокращённые записи и показывает каждый канал для проверки рядом с живым образцом. Скопированная строка сразу встаёт в объявление рамки, тени или градиента. Значение не покидает вкладку, поэтому преобразование подходит любому чувствительному к приватности коду.

Частые вопросы

Какие форматы HEX принимаются?
Ровно четыре: #RGB, #RGBA, #RRGGBB и #RRGGBBAA. Всё остальное — пропущенный #, пять цифр или цветовое ключевое слово — отклоняется с сообщением, которое называет допустимые форматы.
Как разворачиваются сокращённые форматы?
Каждая цифра удваивается: #RGB становится #RRGGBB повторением каждого символа, поэтому #6F8 декодируется как красный 102, зелёный 255, синий 136. В #RGBA четвёртая цифра удваивается в альфа-байт, после чего применяется обычное отображение из 0–255 в 0–1.
Как преобразуется альфа-байт?
Alpha вычисляется делением байта на 255 без округления в расчётах. RGBA и каналы показывают до шести знаков; все 256 значений байта alpha восстанавливаются из экспортированного RGBA.
Почему мой результат исчез?
Редактирование поля ввода намеренно очищает прежний результат, чтобы панель никогда не показывала цвет, который больше не совпадает с введённым. Нажмите «Преобразовать в RGBA» ещё раз — свежий результат появится мгновенно.
Можно ли преобразовать в обратную сторону?
Да — используйте RGBA в HEX: он принимает запись rgb() и rgba() и выдаёт соответствующее шестнадцатеричное значение, включая альфа-байт, когда цвет полупрозрачен. Оба инструмента используют одну и ту же математику каналов, поэтому круговое преобразование возвращает исходное значение.
Цвет куда-нибудь отправляется?
Нет. Преобразование полностью выполняется в этой вкладке браузера, введённые данные и результаты не покидают эту вкладку, и учётная запись не требуется.

Продолжить: Дизайн

Связанные задачи, а не тупик.

Перейдите в другую сфокусированную рабочую область, не возвращаясь к полному каталогу.

Генератор CSS-лоадеров

CSS Loader Generator

Проектируйте спиннер-кольцо или три точки с настройкой размера, толщины, скорости и цветов и копируйте CSS с поддержкой reduced motion.

Создание

Генератор CSS-чекбоксов

CSS Checkbox Generator

Стилизуйте кастомный чекбокс — размер, рамка, цвета состояний — и копируйте CSS, под которым остаётся настоящий доступный с клавиатуры input.

Создание

Генератор CSS-переключателей

CSS Switch Generator

Собирайте переключатель на чистом CSS: дорожка, бегунок и цвета двух состояний; в коде — обработка фокуса и reduced motion.

Создание

Генератор CSS clip-path

CSS Clip Path Generator

Редактируйте вершины мышью, клавиатурой или координатами. Четыре шаблона, локальное копирование объявления clip-path или полного CSS.

Создание