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