Glyph WidgetsGlyph Widgets
О проектеКонтактыКонфиденциальностьУсловияПоддержать на Ko-fi

© 2026 Glyph Widgets. Все права защищены.

·

100% обработка на стороне клиента

Смешивание цветов

Последнее обновление: 5 марта 2026 г.

Смешивайте два цвета для создания плавных градиентов и промежуточных оттенков. Генерируйте палитры с произвольным числом шагов между цветами.

#FF6B6B
#4ECDC4

Всего цветов: 7

#ff6b6b
#e27b7a
#c48c89
#a79c98
#89aca6
#6cbdb5
#4ecdc4
Поделиться

Сохранённые настройки — функция для спонсоров.

История инструментов — функция для спонсоров.

Заметки к инструментам — функция для спонсоров.

Возможности

  • ▶Смешивание двух и более цветов с настраиваемыми пропорциями
  • ▶Несколько режимов смешивания: нормальный, умножение, экран и др.
  • ▶Генерация плавной шкалы цветов между двумя оттенками
  • ▶Предварительный просмотр результата в реальном времени
  • ▶Поддержка форматов HEX, RGB и HSL
  • ▶Интерполяция в пространстве RGB, HSL и LAB
  • ▶Работает офлайн — обработка на стороне клиента
  • ▶Копирование результатов в буфер обмена

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

1

Выберите цвета

Выберите начальный и конечный цвета с помощью выбора цветов.

2

Установите шаги

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

3

Скопируйте или экспортируйте

Нажмите на отдельные цвета для копирования или экспортируйте всю палитру в JSON.

Линейная интерполяция

Для каждого шага инструмент вычисляет промежуточные значения RGB по формуле: цвет = цвет1 + (цвет2 - цвет1) * t.

Вычисление шагов

Общее количество цветов равно шаги + 2 (включая начальный и конечный цвета).

Формат цвета

Внутренние вычисления используют RGB для точности. Результаты преобразуются в HEX для отображения и копирования.

Предпросмотр градиента

Полоса градиента показывает, как выглядит смешение в виде непрерывного перехода.

Часто задаваемые вопросы

Цифровое смешивание зависит от выбранной модели. RGB-смешивание: усредняет красный, зелёный, синий каналы. HSL-смешивание: усредняет оттенок, насыщенность, яркость — часто даёт более естественный результат. LAB-смешивание: работает в перцептивно равномерном пространстве — наиболее точно имитирует восприятие человека.

Связанные инструменты

Генератор палитры

Генерация цветовых гармоний

Генератор градиентов

Создание CSS градиентов

Конвертер цветов

Конвертация цветовых форматов