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

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

RGBA в HEX

RGBA to HEX Converter

Переводите rgb() и rgba() в #RRGGBB или #RRGGBBAA с поканальной сверкой и точным округлением альфы в hex — всё локально в браузере.

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

Введите значения каналов

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

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

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

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

  1. 01

    Введите значения каналов

    Введите значение rgb() или rgba() в поле «Цвет RGB или RGBA» — оно открывается с уже заполненным rgba(109, 94, 248, 0.8) и принимает до 64 символов. Красный, зелёный и синий должны быть целыми числами от 0 до 255, альфа — числом от 0 до 1; проценты и каналы вне диапазона отклоняются.

  2. 02

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

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

  3. 03

    Прочитайте шестнадцатеричный результат

    Результат — шестнадцатеричное значение в верхнем регистре: #RRGGBB для полностью непрозрачного цвета и #RRGGBBAA, когда альфа меньше 1. Альфа-байт — это альфа, умноженная на 255 и округлённая, поэтому 0,8 становится 204 и записывается как CC.

  4. 04

    Проверьте каналы по отдельности

    Каналы и просмотр показывают цвет HEX после квантования alpha в 8-битный байт. Например, alpha 0.65 становится 166/255 и отображается как 0.65098. Это просмотр результата, а не исходного alpha.

  5. 05

    Загрузите пример преобразования

    Нажмите «Загрузить пример», чтобы увидеть полный прогон: rgba(14, 165, 233, 0.65) превращается в #0EA5E9A6, потому что 0,65, умноженное на 255, округляется до 166, а это A6 в шестнадцатеричной записи. «Сбросить» возвращает ввод по умолчанию rgba(109, 94, 248, 0.8).

  6. 06

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дизайн-токены, старые таблицы стилей и множество API по-прежнему хотят цвета в шестнадцатеричном виде, а вычисленный CSS и современные дизайн-инструменты выдают rgba(). Перевод rgba(14, 165, 233, 0.65) вручную — это три преобразования из десятичной системы в шестнадцатеричную плюс альфа-байт. RGBA в HEX выполняет эти вычисления точно, сохраняет прозрачность в виде восьмизначного шестнадцатеричного значения и показывает распознанные каналы, чтобы вы могли проверить ввод перед копированием. Всё работает на вашем устройстве: ничего никуда не отправляется, учётная запись не нужна.

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

Какой синтаксис ввода принимается?
rgb(r, g, b) или rgba(r, g, b, a) с каналами через запятую: красный, зелёный и синий должны быть целыми числами от 0 до 255, а альфа — числом от 0 до 1, например 0.8 или .65. Запись нечувствительна к регистру и допускает пробелы вокруг запятых; процентные каналы вроде rgb(50%, 30%, 20%) отклоняются намеренно.
Когда результат включает альфа-байт?
Только когда альфа меньше 1. rgba(109, 94, 248, 0.8) становится #6D5EF8CC, а тот же цвет при полной непрозрачности — #6D5EF8: шестнадцатеричная запись никогда не несёт избыточное FF.
Как альфа становится последним байтом?
Альфа умножается на 255 и округляется до ближайшего целого, затем записывается двумя шестнадцатеричными цифрами в верхнем регистре. Так, 0,5 становится 128 и показывается как 80, а 0,65 округляется до 166 и показывается как A6 — то же отображение, что CSS использует для восьмизначных шестнадцатеричных цветов.
Почему мой ввод отклонён?
Сообщение называет точную проблему: канал выше 255, нецелый канал, альфа выше 1 или формат, отличный от rgb() или rgba(). Парсер намеренно строг, чтобы опечатка никогда не превращалась в молча неправильный цвет. Исправьте значение и преобразуйте снова — ничего никуда не отправлялось.
Можно ли преобразовать шестнадцатеричное значение обратно в rgba()?
Да — используйте HEX в RGBA: он принимает #RGB, #RGBA, #RRGGBB и #RRGGBBAA и показывает строку 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.

Создание