Генератор градиентов
Просмотрите градиент и скопируйте его CSS.
Генератор градиентов
Make it yours
Adjust the values, then get your result.
Как использовать Генератор градиентов
Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.
- Введите требуемые значения на панели настроек.
- Задайте первый цвет, второй цвет и угол (градусы).
- Запустите «Генератор градиентов», просмотрите результат и используйте доступные элементы копирования или скачивания.
Что поддерживает этот инструмент
Просмотрите градиент и скопируйте его CSS.
- Первый цвет
- Set this value for your task.
- Второй цвет
- Set this value for your task.
- Угол (градусы)
- Range: 0 to 360
Ограничения и обработка
Изображения ограничены 32 мегапикселями и 16 000 пикселями на сторону. Большинство операций принимает один исходный файл; поддерживаемые пакетные операции создают ZIP-архив.
Частые вопросы
How do I make a CSS linear gradient?
Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.
What does the gradient angle mean?
The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.
Can I add more than two colors to the gradient?
No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.
Где обрабатываются мои данные?
Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.
Каковы ограничения входных данных?
Изображения ограничены 32 мегапикселями и 16 000 пикселями на сторону. Большинство операций принимает один исходный файл; поддерживаемые пакетные операции создают ZIP-архив.