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

Създавайте линейни или радиални градиенти с до 4 цвята и копирайте готовия CSS код.

🔒 100% поверително ⚡ Без качване на файлове 🆓 Безплатно, без ограничения

Как да създадете CSS деградиране онлайн

1

Изберете тип деградиране

Изберете линейно или радиално, според желания ефект.

2

Добавете и регулирайте цветовете

Добавьте до 4 цвета, променете техния ред и регулирайте ъгъла или позицията на градиента.

3

Копирайте CSS кода

Натиснете копирайте бутона и поставете кода директно в листа си със стилове.

Често задавани въпроси за генератора на градиенти

Градиентите са прост начин да добавите дълбочина и стил на всеки уеб дизайн. Този инструмент генерира точния CSS код, който ви трябва, без да е необходимо да го пишете ръчно.

Какви видове градиенти мога да създам?

+

Можете да създавате линейни градиенти (под всякакъв ъгъл) и радиални градиенти.

Колко цвята мога да използвам?

+

Можете да комбинирате между 2 и 4 цвята в един и същи градиент.

Работи ли кодът във всички браузъри?

+

Да, генерира се със стандартния CSS синтаксис, съвместим със всички модерни браузъри.

Трябва ли да инсталирам някаква програма?

+

Не, не е необходимо да инсталирате нищо. Работи директно от браузъра.

Безплатна ли е?

+

Да, този инструмент е напълно безплатен.

Мога ли да използвам градиента като фон на изображение?

+

Генерираният код е чист CSS; ако ти трябва изображение, можеш да направиш екранна снимка на прегледа.

Изследвайте цветовете по семейство

Повече от 469 наименовани цветове с техните HEX, RGB, HSL и CMYK кодове, организирани в 12 семейства на тонове.

Червени 50 Оранжеви 45 Кафяви 40 Жълти 40 Зелени 55 Тюркоазни 35 Сини цветове 55 Лилави 45 Розови 45 Сиви 35 Бели 15 Черни 9 Пастел 36