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

Это конвертер цвета для веба и дизайна, который переводит цвет между тремя самыми используемыми форматами: HEX, RGB и HSL, с живым образцом, чтобы вы точно видели, с чем работаете.

Это повседневная связка между дизайном и кодом: подобрать фирменный цвет из макета под переменную CSS, перевести значение, которое дизайнер дал в одном формате, в тот, что нужен вашему фреймворку, или найти чуть более светлый оттенок для состояния наведения.

Всё работает в вашем браузере, поэтому результат мгновенный, а введённое вами никуда не отправляется.

Каждый формат описывает один и тот же цвет по-своему. HEX (например #ff8800) это компактная форма, используемая повсюду в CSS и HTML. RGB прямо указывает красный, зелёный и синий каналы, и именно так о цвете думают экраны и код вроде canvas. HSL описывает тон, насыщенность и светлоту, что гораздо понятнее, когда цвет нужно немного подвинуть: измените тон, чтобы сместиться по кругу, или светлоту, чтобы затемнить его, не подбирая новый код вручную.

Введите значение HEX, и эквиваленты RGB и HSL обновятся мгновенно, чтобы вы могли взять тот формат, который ожидает инструмент или кодовая база перед вами.

Пока инструмент работает с непрозрачными цветами в HEX, RGB и HSL, поддержка альфа-канала (прозрачности) ещё не включена.