Что такое Генератор кодов цвета CSS?

Генератор CSS-кодов цветов преобразует любой цвет во все совместимые с CSS форматы: HEX, RGB, RGBA, HSL, HSLA и именованные CSS-цвета. Выберите цвет визуально или введите значение в любом формате — остальные форматы появятся мгновенно.

Как использовать

1. Выберите цвет с помощью визуальной палитры или введите значение в любом поддерживаемом формате (HEX, RGB, HSL).
2. Просмотрите цвет сразу во всех CSS-форматах и скопируйте нужный одним кликом.
3. Настройте прозрачность с помощью ползунка alpha для получения значений RGBA и HSLA, затем скопируйте необходимый CSS-код.

Результат

Фронтенд-разработчик выбирает фирменный оранжевый #F97316 и мгновенно получает rgb(249, 115, 22), hsl(25, 95%, 53%) и все другие форматы для единообразного применения в таблице стилей.

Похожие инструменты