Генератор SVG-узора в горошек

Создайте повторяющийся узор в горошек в формате SVG с настраиваемыми интервалом, радиусом и цветами: скачайте его или скопируйте сразу как CSS-фон. Генерация на 100% локально в вашем браузере.

Скачать SVG

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

Повторяющийся узор в горошек здесь строится как небольшая квадратная SVG-плитка с одним горошиной по центру: повторяя эту плитку по ширине и высоте фона, узор воспроизводится без видимых швов. Меняйте интервал, чтобы сблизить или раздвинуть горошины, и радиус, чтобы увеличить или уменьшить их.

Как использовать этот узор как фон на моём сайте?

Нажмите «Копировать как CSS», чтобы получить свойство background-image в виде data URI с включённым повторением — его можно сразу вставить в таблицу стилей, не размещая отдельный файл изображения.

Можно ли масштабировать скачанный SVG без потерь?

Да, SVG — векторный формат, поэтому плитка узора остаётся идеально чёткой при любом размере показа или печати, в отличие от растрового изображения (PNG или JPEG), которое при сильном увеличении становится размытым.

SVG создаётся и собирается полностью в вашем браузере, без единого обращения к внешнему серверу.