Генератор градієнтів CSS

Створіть двоколірний лінійний градієнт CSS з попереднім переглядом.

Графіка Без збереження даних

Максимальна довжина входу в поле: 62 Кодові точки Unicode. Див. обмеження експлуатації в інструкції.

Коротка інструкція

Спробуйте свої власні дані, коли ви готові.

Спробуйте приклад

Введіть

Стартовий колір (HEX)
#f00
Другий колір (HEX)
#00f
Кут (градус)
90

Отримаєте

linear-gradient(90deg, #FF0000, #0000FF)
Як працює інструмент та які має обмеження

Введіть непрозорі шістнадцяткові кольори та кут CSS від 0 до 360 градусів, використовуючи десяткову точку. Приклад: червоний, синій і 90 дає лінійний градієнт (90deg, #FF0000, #0000FF).

Скопіюйте результат як значення тла CSS. Браузер контролює кінцеву візуалізацію.