Введите цвет в любом формате. Остальные значения рассчитаются автоматически.
Как пользоваться конвертером
- Введите код в поле HEX, RGB или HSL либо выберите цвет через системную палитру.
- Проверьте пересчитанные значения в остальных полях и в предпросмотре.
- Скопируйте нужный формат одной кнопкой.
- Нажмите «Сбросить», чтобы вернуться к цвету по умолчанию.
Форматы цвета
| Формат | Пример | Где используют |
|---|---|---|
| HEX | #424CB9 | CSS, веб, Figma, палитры в дизайне |
| RGB | rgb(66, 76, 185) | 3ds Max (Color), Photoshop, программы 3D |
| HSL | hsl(235, 47.4%, 49.2%) | CSS, подбор оттенка с той же яркостью |
Другие инструменты
Пипетка цветов определяет HEX, RGB и HSL пикселя загруженного изображения.
Палитра из картинки находит доминантные цвета изображения.
Частые вопросы
Какой цвет открывается по умолчанию?
По умолчанию открывается цвет #424CB9. Введите свой код или выберите цвет через системную палитру.
Можно ли вводить HEX без решётки?
Да. Поле принимает код как с решёткой, так и без неё, а также короткую запись из трёх символов, например #FFF.
Что произойдёт при вводе неверного значения?
Поле подсветится, и появится сообщение об ошибке. Остальные поля и предпросмотр сохранят последний корректный цвет.
В каком диапазоне указывать значения RGB и HSL?
R, G и B принимают целые числа от 0 до 255. H задаётся в градусах от 0 до 360, где 360 совпадает с 0. S и L указываются в процентах от 0 до 100.
Как скопировать значение, если буфер обмена недоступен?
Сервис скопирует значение через запасной способ. Если браузер заблокирует и его, выделите показанное значение вручную.
Отправляется ли введённый цвет на сервер?
Нет. Все расчёты выполняются в браузере, значения не отправляются на сервер.
Чем этот конвертер отличается от пипетки цветов?
Конвертер переводит уже известный код цвета между форматами. Пипетка цветов определяет код по пикселю загруженного изображения.