HSL в HEX — перевести цвет в HEX код онлайн

Насыщенность ноль означает, что цветовой составляющей нет: остаётся только светлота, и все три канала RGB получают одно значение. Поэтому H 0 и H 340 при S 0 и L 20 одинаково дадут #333333. Если хотите тёплый или холодный серый, поднимите насыщенность хотя бы до 5-8 процентов.

Только число. Запись 210deg из CSS в числовое поле не пройдёт, отбросьте единицу и введите 210. Значения больше 360 тоже стоит привести к кругу вручную: 400 градусов — это те же 40.

Обычно да, с точностью до единицы в канале. Расхождение появляется, если в редакторе вы смотрите на HSB, а не HSL: это разные модели, и при одинаковых числах они дают разные цвета. В HSB яркость 100 означает чистый цвет, а в HSL светлота 100 — всегда белый.

Оставьте H и S неизменными и пройдитесь по светлоте с шагом около десяти процентов: 95 для фонов, 60 для основного элемента, 45 для наведения, 30 для нажатия. Каждый шаг конвертируйте отдельно и складывайте коды в CSS-переменные — так палитра остаётся согласованной.

Нет, инструмент выдаёт шесть символов без альфа-канала. Прозрачность добавляется уже на месте: в CSS припишите к коду ещё два шестнадцатеричных символа, например #1F8FFF80 для половинной непрозрачности, — современные браузеры такую запись понимают.

Нет, поля каждый раз открываются со значениями по умолчанию, а расчёт выполняется скриптом страницы без обращения к серверу. Если подбираете длинную палитру, выписывайте коды в отдельный файл сразу после копирования — инструмент их не запомнит.