Коротка інструкція
Спробуйте свої власні дані, коли ви готові.
Спробуйте приклад
Введіть
- Колір фону (HEX)
#fff
- Другий колір (HEX)
#000
- Розмір плитки (пікселі)
16
- Шаблон
Checkerboard
Отримаєте
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><pattern id="tile" width="16" height="16" patternUnits="userSpaceOnUse"><path d="M0 0h16v16H0z" fill="#FFFFFF"/><path d="M0 0h8v8H0zM8 8h8v8H8z" fill="#000000"/></pattern></defs><path d="M0 0h256v256H0z" fill="url(#tile)"/></svg>
Як працює інструмент та які має обмеження
Використовуйте два непрозорих шестикольорових кольори і розмір плитки від 16 до 128 пікселів. Вихід 256×256 SVG з повторюваним шаблоном та попереднім переглядом зображення.
Отримане джерело містить лише фіксовані форми та перевірені кольори/номери, без скриптів або зовнішніх ресурсів. Скопіюйте його в файл .svg, щоб використовувати його.