Градиент-ателье

Создавайте современные и плавные переходы цветов для ваших интерфейсов.

Настройка перехода

Начало

#4F46E5

Конец

#EC4899

Угол наклона135°

CSS Style

background: #4f46e5;
background: linear-gradient(135deg, #4f46e5 0%, #ec4899 100%);

Визуализировать

Почему градиенты важны в дизайне?

Градиенты добавляют глубину и объем плоским интерфейсам. Использование линейных переходов в Paletto позволяет создавать мягкие тени, имитировать освещение и делать акценты на кнопках более выразительными.

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