Генератор SVG-фонов с узорами

Выберите тип узора, задайте цвета и масштаб — затем скопируйте готовый CSS или SVG-код.

Тип узора

Цвет переднего плана

Цвет фона

Размер (px) 20

Отступ / толщина 2

Прозрачность 100%

Предпросмотр

Сгенерированный код

Всё работает в вашем браузере. Ничего не загружается.

Как это работает

STEP 1

Выберите точки, сетку, волны или шестиугольники из меню узоров.

STEP 2

Задайте цвет переднего плана, цвет фона, размер и отступы.

STEP 3

Нажмите «Копировать CSS» или «Копировать SVG», чтобы получить готовый код для вашего проекта.