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

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

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

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

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

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

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

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

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

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

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

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

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

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

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