Конвертер цветов

Преобразуйте цвета CSS hex, rgb(), hsl() и OKLCH с альфа-каналом и живым образцом.

Обработано на этом устройстве

Ваш текст

Вставьте текст или откройте файлИли начните с примера:

Ожидание ввода

Значения цвета CSS

Здесь появится результат.

Ctrl+↵ копировать результат · Ctrl+Shift+F результат на вход

Как это работает

Как пользоваться конвертером цветов

Введите цвет hex, rgb(), hsl() или oklch().
Проверьте образец, преобразованные форматы и предупреждение о цветовом охвате.
Скопируйте значения CSS.

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

Полезные сведения

3 ответа

Поддерживаются ли именованные цвета?

Введите явное значение hex, rgb(), hsl() или oklch(), чтобы результат был однозначным.

Что делать, если цвет OKLCH выходит за sRGB?

Предпросмотр и результат sRGB ограничиваются охватом. Предупреждение отмечает приближение; используйте исходный OKLCH там, где поддерживается широкий охват.

Сохраняется ли прозрачность?

Да. Альфа сохраняется в преобразованных значениях с округлением для байтов hex.

Дополнительная справка

Руководства, популярные преобразования и полезные следующие шаги.

Продолжить работу с результатом

Используйте действие рядом с готовым результатом, чтобы передать его напрямую, или откройте другой инструмент: