Смеситель цветов
Плавно перейдите от начального цвета к конечному через до 10 шагов — просматривайте градиент, берите каждый оттенок и мгновенно копируйте любой формат.
Выберите два цвета и количество шагов — все промежуточные оттенки вычисляются мгновенно в вашем браузере.
О Смеситель цветов
Смеситель цветов плавно переводит один цвет в другой и показывает каждый промежуточный шаг. Выберите начальный и конечный цвет, укажите количество промежуточных оттенков — до десяти, — и инструмент мгновенно рассчитает весь переход в виде отдельных образцов и плавного превью градиента.
Два режима смешивания определяют способ расчёта. RGB интерполирует каждый канал по прямой линии, что предсказуемо и нейтрально, тогда как HSL движется по цветовому кругу, сохраняя промежуточные шаги более насыщенными и яркими. Поменять местами конечные точки или сгенерировать случайные цвета можно одним щелчком.
Всё смешивание происходит прямо в браузере без участия сервера. Это удобный способ ответить на вопросы вроде «какой цвет находится посередине между синим и оранжевым», построить ступенчатые цветовые шкалы для графиков или получить CSS-градиент между двумя фирменными цветами.
Как использовать Смеситель цветов
- Выберите начальный и конечный цвет с помощью палитр или нажмите «Случайные цвета».
- Задайте количество промежуточных шагов — от 1 до 10.
- Выберите режим смешивания: RGB для линейного смешения или HSL для смешения с сохранением оттенка.
- Щёлкните по любому оттенку, чтобы скопировать его, или используйте «Копировать всё» для всей шкалы.
- Используйте «Копировать CSS-градиент», чтобы получить переход в виде готового к вставке градиента.