Бесплатно онлайн Color Converter
Мгновенно конвертируйте цвета между форматами HEX, RGB, RGBA, HSL и HSLA — бесплатный онлайн-инструмент с пипеткой и готовыми образцами. Полностью на стороне клиента.
100% на стороне клиента · Данные никогда не покидают ваш браузерКак использовать Color Converter
Введите любое значение цвета в текстовое поле — принимаются форматы HEX, RGB и HSL. Вы также можете использовать пипетку (цветной квадрат), чтобы выбрать цвет визуально, или нажать один из готовых образцов для быстрого старта.
Нажмите Конвертировать, чтобы увидеть все шесть форматов и образец цвета RGBA. Нажмите значок копирования рядом с любым форматом, чтобы скопировать это значение в буфер обмена.
Примеры поддерживаемого ввода:
#FF6B6Bили#f6b(сокращённый HEX)rgb(255, 107, 107)илиrgba(255, 107, 107, 0.8)hsl(0, 100%, 71%)илиhsla(0, 100%, 71%, 0.5)
Часто задаваемые вопросы
Какие форматы цвета поддерживает этот инструмент?
Конвертер принимает HEX (#RGB, #RRGGBB, #RRGGBBAA), RGB (rgb(r,g,b)), RGBA (rgba(r,g,b,a)), HSL (hsl(h,s%,l%)) и HSLA. На выходе сразу отображаются все шесть представлений.
В чём разница между RGB и HSL?
RGB описывает цвет через интенсивность красного, зелёного и синего света (0–255 каждый). HSL описывает цвет через Тон (0–360°, положение на цветовом круге), Насыщенность (0–100%, интенсивность цвета) и Светлость (0–100%, яркость). HSL часто удобнее для ручной настройки цветов.
Что такое формат HEX8?
HEX8 — это 8-значный шестнадцатеричный код (#RRGGBBAA), в котором последние две цифры кодируют альфа-канал (прозрачность). Например, #FF000080 — красный с 50% прозрачностью. Поддерживается в современном CSS и большинстве дизайн-инструментов.
Как преобразовать CSS hex-цвет в RGB?
Вставьте шестнадцатеричный код (с символом # или без него) в поле ввода и нажмите «Конвертировать». Значения RGB мгновенно появятся в таблице результатов.
Что означает альфа-канал?
Альфа управляет прозрачностью: 0 — полностью прозрачный, 1 (или 100%) — полностью непрозрачный. Форматы RGBA и HSLA включают альфа-канал. По умолчанию пипетка выбирает полностью непрозрачный цвет (alpha = 1).