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

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

·

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

Разработчик
Текст и письмо
Изображения и цвета
Медиа
Веб и SEO
Утилиты
Конфиденциальность и безопасность
Калькуляторы
  1. Главная
  2. Изображения и цвета
  3. Инструменты цвета
  4. Смешивание цветов

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

Последнее обновление: 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-смешивание: работает в перцептивно равномерном пространстве : наиболее точно имитирует восприятие человека.

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

Palette Generator

Generate color harmonies

Gradient Generator

Create CSS gradients

Color Converter

Convert color formats