Входные данные
Подготовка рабочей области…
Как пользоваться
- Введите HEX, RGB, HSL или именованный цвет CSS.
- Проверьте образец и преобразованные значения.
- Скопируйте HEX, RGB или HSL отдельной кнопкой «Копировать».
Один цвет, три формата CSS
Design token может содержать HEX, а таблица стилей — RGB или HSL. Изменение записи позволяет использовать тот же цвет без повторного выбора.
Образец цвета и три результата обновляются вместе. Именованные цвета, например rebeccapurple, также преобразуются в числовые значения CSS.
Выбор записи
HEX удобен своей краткостью; RGB показывает красный, зелёный и синий каналы; HSL разделяет тон, насыщенность и светлоту. Это способы описания цвета, а не форматы изображений.
Принимаются короткие и полные значения HEX. Канал alpha можно задать поддерживаемым синтаксисом HEX, RGB или HSL.
#2563ebrgb(37, 99, 235)Один и тот же непрозрачный цвет sRGB в записи HEX и RGB.
Прозрачность и точность
Прозрачные цвета сохраняют канал alpha после преобразования. Их вид по-прежнему зависит от фона.
Конвертер работает со значениями sRGB и округляет отображаемые числа. Преобразование широкого охвата Lab, OKLCH и функции CSS color() не выполняется.
Использование результата
Кнопки копируют значение цвета без полной декларации свойства. Используйте его в color, background-color, border-color или определении design token.
Текстовый ввод до 1 MiB. Преобразования CSS и HTML выполняются в Worker с ограничением 30 секунд. Инструменты цвета используют sRGB; созданные стили служат предпросмотром и требуют проверки в вашем макете.
Частые вопросы
Какие форматы можно вводить?
Поддерживаемые HEX, RGB, HSL и именованные цвета CSS. Для неподдерживаемого синтаксиса выводится ошибка.
Сохраняется ли прозрачность?
Да, поддерживаемый alpha включается в результаты. Проверяйте образец на фоне, где цвет будет использоваться.
Почему запись или точность результата отличается?
Значения нормализуются и округляются для показа. Исходные сокращения, пробелы и точная запись чисел не сохраняются.
Поддерживаются ли OKLCH и Display P3?
Нет. Инструмент ограничен представлениями sRGB и не переводит более широкий цветовой охват в sRGB.
Отправляются ли цвета на сервер?
Нет. Преобразование и предпросмотр работают в браузере. Кнопка «Копировать» записывает в буфер только выбранный результат.