⌕
Главная / Инструменты для цвета / Генератор градиентных палитр RGB
Бесплатные онлайн-инструменты

Генератор градиентных палитр RGB

Создайте 2–100 цветов между двумя цветами RGB. Просмотрите градиент и скопируйте HEX-палитру для CSS или диаграмм.

Начать работу

Генератор градиентных палитр RGB

Создайте воспроизводимую цветовую шкалу, просмотрите каждый сгенерированный шаг и скопируйте точную HEX-последовательность для CSS, диаграмм или дизайн-токенов.

Что помогает сделать этот инструмент

Создайте воспроизводимую цветовую шкалу, просмотрите каждый сгенерированный шаг и скопируйте точную HEX-последовательность для CSS, диаграмм или дизайн-токенов.

Пример работы

Входные данные

#2563EB → #EC4899, 5 цветов

Результат

#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899

Как получается результат

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

Полезные сценарии

  • Создание упорядоченных цветов для диаграмм или тепловых карт
  • Построение цветов наведения и состояний между двумя дизайн-токенами
  • Создание компактной палитры для фонового градиента

Важные ограничения

  • Интерполяция RGB может выглядеть темнее или грязнее между некоторыми дополнительными цветами.
  • Гладкая палитра не гарантирует доступность для людей с дальтонизмом.
  • Этот генератор создаёт равномерно расположенные цвета RGB; он не претендует на перцептивную равномерность.

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

Почему средняя точка может выглядеть серой или грязной?

Противоположные каналы RGB могут усредняться к нейтральному цвету. Добавьте подходящий средний цвет в многоступенчатом CSS-градиенте, если важна визуальная яркость.

Сколько цветов следует генерировать?

Используйте минимальное количество, соответствующее нужным состояниям или диапазонам данных; для непрерывных фонов можно использовать больше шагов.

Количество включает оба конечных цвета; по умолчанию 10. Дробная часть отбрасывается, затем количество ограничивается диапазоном 2–100. Панели позволяют вводить HEX, RGB, HSV и HSL, но интерполяция всегда идёт по кодированным каналам RGB с округлением до целых. Направление предпросмотра — фиксированные 90°. Нет дополнительных точек, альфа-канала или выбора цветового пространства. Вывод — один HEX на строку, без CSS-кода и скачивания изображения.

Обработка выполняется локально в вашем браузере.