Генератор фоновых SVG паттернов
Создавайте бесшовные SVG паттерны для фонов — точки, сетку, полосы, волны, квадраты, шестигранники или топографию — в форматах SVG, CSS или Tailwind класса.
Генератор фоновых SVG паттернов
Выберите мотив — точки, сетку, диагональные полосы, волны, квадраты, шестигранники или топографию — и этот инструмент создаст бесшовный SVG паттерн, который можно использовать непосредственно в качестве фона сайта, экрана приложения или печатного дизайна. Паттерн построен из одной повторяющейся плитки, поэтому файл остается компактным независимо от размера области, которую он покрывает.
Размер плитки управляет расстоянием между повторениями, а толщина линии управляет тем, насколько жирными являются штрихи — она также устанавливает размер точек и квадратов для этих двух мотивов. Передний план и фон принимают любой шестнадцатеричный цвет (#RRGGBB или сокращенную форму #RGB), прозрачность позволяет размыть мотив в его фоне без изменения самого цвета фона, а поворот вращает всю плитку — диагональные полосы уже начинаются под углом 45° и далее вращаются. Переключайте формат вывода, чтобы получить именно то, что вам нужно: чистую разметку SVG для сохранения как файл, готовое для вставки правило CSS с паттерном, встроенным как data URI, или класс Tailwind с произвольным значением, который можно прямо использовать в списке классов элемента.
Каждый параметр обновляет превью мгновенно по мере его изменения, а счетчик под выводом показывает размеры плитки, точное количество символов в созданном коде и активный формат вывода. Поскольку паттерн — это одна небольшая векторная плитка, а не растровое изображение, она остается четкой при любом уровне масштабирования и масштабируется на любой размер экрана бесплатно.
Все работает локально в вашем браузере — ничего из того, что вы здесь проектируете, никуда не загружается. Когда вы довольны результатом, скопируйте его, загрузите как файл .txt или отправьте вывод обратно на вход, чтобы продолжить его совершенствование.