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

Создавайте красивые CSS-градиенты с помощью палитры цветов. Настройка цветов, угла и типа с предпросмотром.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Color Palette

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

Что такое CSS-градиент?

CSS-градиент — это плавный переход между двумя или более цветами, создаваемый с помощью CSS-функций linear-gradient или radial-gradient.

В чём разница между линейным и радиальным градиентом?

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