Переводит цвет между записями HEX, RGB и HSL — выберите его палитрой или введите значение, и два других формата обновятся мгновенно. Удобно при работе с CSS, при подборе фирменных цветов и при переносе значения из дизайн-инструмента в код.
Какие форматы поддерживаются?
Мгновенно конвертируйте цвета между записями HEX, RGB и HSL. Это быстрый помощник для веб-дизайна и CSS, для подбора фирменных цветов или для перевода значения из дизайнерского инструмента в формат, нужный вашему коду.
Как пользоваться конвертером цветов?
- Выберите цвет или введите значение — выберите цвет пипеткой или введите значение HEX, RGB либо HSL вручную.
- Автоматическая конвертация — значения в остальных форматах сразу обновляются.
- Копирование — нажмите кнопку «Копировать» рядом с нужным форматом, чтобы забрать значение.
Чем отличаются HEX, RGB и HSL?
HEX (например, #1a73e8) — это компактный шестизначный код, распространённый в CSS. RGB описывает цвет через каналы красного, зелёного и синего (0–255). HSL использует тон, насыщенность и светлоту, что упрощает ручную настройку цвета.
Как читать HEX-код?
HEX имеет вид #RRGGBB, где красный, зелёный и синий заданы двузначными шестнадцатеричными числами (00–FF, то есть 0–255). Например, #FF0000 — это красный, а #00FF00 — зелёный. Существует и трёхзначная сокращённая запись (#RGB), эквивалентная удвоению каждого символа.
Когда лучше использовать HSL?
HSL удобен, когда нужно изменить оттенок, вращая только тон (Hue), или создать более светлые и тёмные варианты одного цвета, регулируя только насыщенность и светлоту. Это особенно помогает при ручной тонкой настройке цвета и создании палитр.
Куда отправляются введённые значения цвета?
Никуда не отправляются. Все преобразования выполняются только внутри браузера, поэтому значения не загружаются на сервер, и инструмент работает даже офлайн.