Конвертер цветов
Конвертация цветов между форматами HEX, RGB и HSL.
Доступность
Гармонии
CSS-вывод
background-color: #3b82f6; color: #3b82f6; border-color: #3b82f6; /* rgba */ background-color: rgba(59, 130, 246, 1); /* hsl */ background-color: hsl(217, 91%, 60%);
О конвертере цветов
Цвета в вебе могут быть выражены в нескольких форматах: HEX (#FF5733), RGB (rgb(255, 87, 51)) и HSL (hsl(11, 100%, 60%)). Каждый формат имеет свои преимущества — HEX компактен для CSS, RGB соответствует аппаратному обеспечению дисплея, а HSL интуитивно понятен для настройки оттенка, насыщенности и яркости. Конвертер цветов позволяет легко переключаться между этими форматами.
Как использовать
Введите значение цвета в любом поддерживаемом формате (HEX, RGB или HSL). Инструмент автоматически конвертирует его во все остальные форматы и показывает предварительный просмотр цвета в реальном времени. Скопируйте любой формат одним щелчком для использования в CSS, инструментах дизайна или коде.
Типичные сценарии использования
- Преобразование HEX-цветов из дизайн-файлов в RGB для CSS
- Настройка яркости или насыщенности цвета с помощью HSL-значений
- Согласование фирменных цветов между различными инструментами дизайна и форматами
- Преобразование цветовых кодов между веб-, печатными и мобильными проектами
- Быстрый предварительный просмотр и сравнение цветов при разработке UI