Затемнение / осветление цвета
Регулируйте светлоту любого цвета ползунком и мгновенно просматривайте более тёмные или светлые оттенки с полной полосой шагов.
Результат
#3c83f6
Шаги
Выберите базовый цвет и перетаскивайте ползунок, чтобы затемнить или осветлить его, регулируя светлоту HSL, сохраняя при этом оттенок и насыщенность неизменными. Полоса заготовленных шагов показывает весь диапазон с первого взгляда, всё вычисляется мгновенно в вашем браузере.
Как использовать
- Выберите или введите базовый цвет.
- Перетащите ползунок влево для затемнения или вправо для осветления.
- Скопируйте полученный hex-код или выберите шаг из полосы ниже.
Частые вопросы
- Как регулируется цвет?
- Инструмент преобразует ваш цвет в HSL и сдвигает значение светлоты вверх или вниз на выбранный процент, затем преобразует его обратно в hex.
- Почему оттенок остаётся неизменным?
- Изменяется только светлота, поэтому базовое семейство цвета (оттенок) и яркость (насыщенность) сохраняются для естественно выглядящего оттенка.
- Можно ли получить несколько оттенков сразу?
- Да, полоса шагов под ползунком показывает девять заготовленных корректировок от -80% до +80%, которые можно применить нажатием.