Візерунки зі смуг і хвиль

Всі інструменти для кольору

Безшовні смуги, хвилі, зигзаги, шеврони та сітки. Виберіть кольори, товщину ліній і кут, безкоштовно скопіюйте CSS або завантажте файли SVG, PNG чи WebP.

Безкоштовно

1Виберіть візерунок

Усі Лінії та хвилі Крапки та кола Геометричні 3D та ілюзії Текстиль і плетіння Цегла та плитка Японські Ісламські та мавританські Ар-деко Етнічні та народні Природа Значки та предмети Піксель-арт Генеративні

Тут буде ваш заголовок

Подивіться, як візерунок виглядає за справжнім вмістом.

Почати
Візерунок

Готові зразки для початку

Виберіть зразок, щоб відкрити його в редакторі, а потім змініть його кольори та параметри.

Переплетені арки 1 Переплетені арки 1 Намистини 1 Намистини 1 Риски 1 Риски 1 Блоки зі штрихуванням 1 Блоки зі штрихуванням 1 Перехресне штрихування 1 Перехресне штрихування 1 Фестони 1 Фестони 1 Кутові дуги 1 Кутові дуги 1 Широкі смуги 1 Широкі смуги 1 Прямокутні хвилі 1 Прямокутні хвилі 1 Сітка 1 Сітка 1 Діагональні смуги 1 Діагональні смуги 1 Зигзаг 1 Зигзаг 1

Огляд за колекціями

Крапки та кола Візерунків: 189 Геометричні Візерунків: 138 3D та ілюзії Візерунків: 99 Текстиль і плетіння Візерунків: 105 Цегла та плитка Візерунків: 148 Японські Візерунків: 33 Ісламські та мавританські Візерунків: 30 Ар-деко Візерунків: 47 Етнічні та народні Візерунків: 62 Природа Візерунків: 196 Значки та предмети Візерунків: 236 Піксель-арт Візерунків: 152 Генеративні Візерунків: 251

Про Візерунки зі смуг і хвиль

Лінії - найспокійніший спосіб додати сторінці текстуру. У цій колекції є звичайні смуги та стрічки, діагональні смуги, хвилі, зигзаги, шеврони, фестони, риски, сітки, перехресне штрихування, брижі та косички: від непомітної тонкої смужки до сміливої ретро-хвилі.

Смуги та сітки займають дуже мало місця в коді, тому добре підходять для тла сайтів. Змінюйте товщину ліній та інтервали, щоб задати щільність малюнка, а повзунком кута перетворюйте прямі смуги на діагональні.

Часті запитання

Виберіть дизайн зі смугами, задайте кут 45 градусів і скопіюйте CSS. Для кутів, відмінних від 0, 90, 180 і 270 градусів, використовується SVG, що заповнює елемент, тому смуги залишаються рівними за будь-якої ширини.

Так. Повзунок товщини задає ширину ліній, а повзунки інтервалів задають проміжок між ними.

Тонкі лінії двох близьких кольорів залишаються читабельними під текстом. Перед копіюванням коду перевірте результат під справжньою карткою в режимі «На сторінці».
Поділитися
Пов'язані інструменти
Градієнт із зображення
Генератор градієнтів
Генератор візерунків
Генератор відтінків кольору
AI-бренд-кит із зображення
Конвертер кольорових кодів
Повністю синій екран
Повністю білий екран
Колірне коло та гармонія кольорів
Повністю зелений екран
Підбір шрифтів і каталог Google Fonts
Пошук назви кольору
Експорт палітри кольорів
Підбір кольорів Pantone
Палітра веб-безпечних кольорів
Симулятор кольорової сліпоти
Палітра кольорів із зображення
Повністю чорний екран
AI Генератор брендової палітри
Підбір кольорів RAL
Популярні запити
візерунок у смужку візерунок хвилі svg візерунок зигзаг візерунок шеврон css тло в смужку безшовне тло з хвилями візерунок сітка svg діагональні смуги css
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт: скопіюйте та вставте код нижче.