Генератор на шарки
Създавайте безшевни SVG шарки за фон от почти 2000 дизайна: сменяйте цветовете, мащаба, интервалите и ъгъла, после копирайте CSS или изтеглете SVG, PNG, WebP.
1Изберете шарка
Няма шарка, която отговаря на тези филтри.
2Изберете цветовете
3Настройте шарката
4Добавете анимация (по желание)
Шарката се премества точно с една плочка за цикъл, затова движението е плавно. То се запазва в кода и във файла SVG; файловете със снимки остават неподвижни.
5Копиране или изтегляне
Вашето заглавие тук
Вижте как шарката изглежда зад истинско съдържание.
ЗапочнетеПреглед по колекции
За Генератор на шарки
Генераторът на шарки превръща почти 2000 готови дизайна във фонове, които можете да настроите и да използвате веднага. Разгледайте 14 колекции, от вълни, полка точки и теселации до тартани, японски сейгаиха, ислямски звезди, ветрила арт деко, пикселни спрайтове и камуфлаж, и вижте всяка шарка във ваши цветове.
Всеки дизайн е нарисуван като векторна графика и се повтаря без видим шев при всякакъв мащаб и всякакъв ъгъл. Променяйте до шест цвята, мащаба, позицията, интервалите, дебелината на линиите и ъгъла, превръщайте запълнените форми в контури или оставете шарката да се движи със зациклена анимация. Генеративни шарки като топографските карти, клетките на Вороной и плочките на Трюше могат да дават нов вариант при всяко щракване.
Когато резултатът ви хареса, копирайте го като CSS, SCSS, конфигурация на Tailwind, вграден SVG, data URI или компонент на React, или изтеглете SVG, PNG, JPG или WebP с произволен размер до 8000 пиксела, включително единична плочка за ваше собствено повторение. Всичко работи във вашия браузър: нищо не се качва на сървър и не е нужна регистрация.
Как да използвате Генератор на шарки
- Изберете шарка: търсете по име или филтрирайте по колекция и брой цветове.
- Изберете цветовете с помощта на палитрата, готов набор или бутона „Нова палитра“.
- Настройте мащаба, позицията, интервалите, дебелината на линиите и ъгъла. Заключете всяка стойност, която ви харесва, преди да натиснете „Вдъхновете ме“.
- Проверете резултата в прегледите „Показване на плочката“, „На страница“ и „В текст“.
- Копирайте кода или изтеглете файла, а с „Копиране на връзката“ можете по-късно да се върнете точно към тази шарка.