Генератор CSS-градиентов
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Последнее обновление: 2026 · Бесплатный онлайн-инструмент
Что такое Генератор CSS-градиентов?
Бесплатный онлайн визуальный редактор для создания CSS-градиентов и копирования кода
Как использовать
- 1 Выберите тип — Выберите тип градиента (линейный, радиальный, конический).
- 2 Настройте цветовые точки — Настройте цвет и позицию каждой цветовой точки.
- 3 Предпросмотр — Проверьте результат в реальном времени в предпросмотре.
- 4 Скопируйте CSS-код — Скопируйте CSS-код в буфер обмена с помощью кнопки «Копировать».
Связанные инструменты
Генератор CSS box-shadow Бесплатный онлайн визуальный редактор для создания CSS box-shadow и копирования кода
Генератор CSS border-radius Бесплатный онлайн-редактор CSS border-radius с 8 управляющими точками
Конвертер цветовых кодов Бесплатный онлайн-инструмент для конвертации между цветовыми кодами HEX, RGB, HSL, OKLCH с расчётом контрастности WCAG
Часто задаваемые вопросы
Ограничений нет, но типично 2-6. Слишком много может повлиять на производительность.
Да. Включите флажок «Повторить», чтобы добавить префикс repeating.
Предоставляется пять пресетов: Sunset, Ocean, Forest, Midnight и Rainbow.
В настоящее время выводится только чистый CSS. Конвертация в Tailwind планируется в будущем обновлении.
Нет. Вся обработка выполняется в браузере.