RGB в HSL онлайн — тон, насыщенность, свет

В этой модели легко объяснить правку словами и повторить ее. «Сделать на десять процентов светлее» — это изменение одного числа L, тогда как в каналах пришлось бы подбирать сразу три значения и рисковать уходом оттенка в другую сторону круга.

У серого, черного и белого все три канала равны, поэтому оттенка как такового нет, а насыщенность равна нулю. В таком случае градус условно записывают как 0 — это не значит «красный». Как только каналы разойдутся хотя бы на единицу, появится и осмысленное значение тона.

Прибавьте к полученному градусу 180 и возьмите остаток от деления на 360, оставив насыщенность и светлоту прежними. Для триады шаг составит 120 градусов. Полученные значения затем переводят обратно в каналы или в шестнадцатеричный код для стилей.

Напрямую нет. Стандарт считает относительную яркость с разными весами для каналов и с гамма-коррекцией, а L в HSL — упрощенная величина. Два цвета с одинаковой светлотой могут дать разный контраст с белым текстом, поэтому итог проверяйте отдельным калькулятором контраста.

Такой формат встречается в OpenGL, шейдерах и некоторых экспортах из 3D-редакторов. Умножьте каждое число на 255 и округлите: 0.2 станет 51, а 0.75 превратится в 191. Поля этой формы принимают только целые значения в диапазоне от 0 до 255.

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