Генератор CSS-градієнтів
Створіть градієнт і скопіюйте CSS за секунди.
Виберіть тип градієнта, задайте кут і додайте до шести колірних точок, кожну у своїй позиції. Попередній перегляд оновлюється одразу, а CSS готовий для вставлення в стилі. Потрібна картинка? Завантажте градієнт у PNG у розмірі Full HD, 4K, квадрат чи сторіс — для шпалер, тла й соцмереж.
Як створити CSS-градієнт
- Крок 1
Виберіть лінійний, радіальний чи конічний тип.
- Крок 2
Задайте кут і колірні точки.
- Крок 3
Скопіюйте CSS або завантажте картинку.
Чому PhotoTools
Три типи
Лінійні, радіальні й конічні градієнти.
Чистий CSS
Один рядок, готовий до вставлення.
Розміри для шпалер
PNG до 3840 × 2160.
Підтримувані формати
Результат
- CSS
- PNG
Часті запитання
Чи працює CSS в усіх браузерах?
Лінійні й радіальні градієнти працюють скрізь, конічні — в усіх сучасних браузерах.
Чи можна використати більше двох кольорів?
Так, до шести колірних точок, і кожну можна поставити в будь-яке місце градієнта.
Це безкоштовно?
Так. Браузерні інструменти PhotoTools безкоштовні, без обмежень і працюють без акаунта.