С этим инструментом что-то не так?

О «Цветовое колесо Онлайн»

Этот инструмент — интерактивное цветовое колесо: цвет выбирается визуально кликом/перетаскиванием, ползунки регулируют насыщенность и яркость, выводятся точные значения hex, RGB, HSL и HSV.

Визуальный выбор гораздо быстрее ввода hex при тонкой подстройке оттенка. Дизайнеры, разработчики и художники пользуются колесом, чтобы находить тона, комплементы и подбирать цвет под референс.

Поддерживаются распространённые цветовые пространства с конвертацией «на лету». Любимые цвета можно сохранять в палитру.

Как пользоваться этим инструментом

Как выбрать цвет на HSL-колесе

  1. Двигайте колесо оттенка

    "Hue (0–360)" — угол на цветовом колесе: 0/360 — красный, 120 — зелёный, 240 — синий. Тяните колесо на канвасе или впишите угол. По умолчанию 210 (прохладный синий).

  2. Насыщенность

    "Saturation %" — насыщенность: 0 — нейтральный серый, 100 — максимум. 50–70 выглядит естественно; очень высокие значения «вибрируют» на экране. По умолчанию 70.

  3. Яркость

    "Lightness %" — светлота: 0 — чёрный, 50 — чистый оттенок, 100 — белый. 50 даёт самый насыщенный вариант оттенка; меньше/больше — тёмные/светлые тона. По умолчанию 50.

  4. Запуск

    Результат: rgb {r,g,b}, hex (#rrggbb), hslCss (`hsl(H S% L%)`, готово для CSS) и rgbCss (`rgb(r, g, b)`). В паре с hex-to-rgb-converter / rgb-to-hex-converter — быстрый обмен формами.

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