Toate instrumentele pentru culori

Creați modele SVG fără cusături din aproape 2.000 de designuri: schimbați culorile, mărirea și unghiul, apoi copiați CSS sau descărcați SVG, PNG ori WebP.

Gratuit

1Alegeți un model

Titlul dumneavoastră aici

Vedeți cum arată modelul în spatele unui conținut real.

Începeți acum
Model

Răsfoiți pe colecții


Despre Generator de modele

Generatorul de modele transformă aproape 2.000 de designuri gata făcute în fundaluri pe care le puteți regla și folosi imediat. Răsfoiți 14 colecții, de la valuri, buline și tesalări până la tartanuri, seigaiha japoneze, stele islamice, evantaie Art Deco, sprite-uri pixelate și camuflaj, și vedeți fiecare design în culorile dumneavoastră.

Fiecare design este desenat ca grafică vectorială și se repetă fără cusătură vizibilă, la orice mărire și sub orice unghi. Puteți schimba până la șase culori, mărirea, poziția, spațierea, grosimea liniei și unghiul, transforma formele pline în contururi sau pune modelul în mișcare cu o animație în buclă. Modelele generative, precum hărțile topografice, celulele Voronoi și plăcuțele Truchet, pot oferi o variantă nouă la fiecare clic.

Când rezultatul vă convine, copiați-l ca CSS, SCSS, configurație Tailwind, SVG inline, Data URI sau componentă React, ori descărcați un fișier SVG, PNG, JPG sau WebP la orice dimensiune de până la 8000 de pixeli, inclusiv o singură plăcuță pentru propria repetiție. Totul rulează în browser: nu se încarcă nimic și nu este nevoie de cont.

Cum să utilizați Generator de modele

  1. Alegeți un model: căutați după nume sau filtrați după colecție și numărul de culori.
  2. Alegeți culorile cu selectoarele, o paletă gata făcută sau „Paletă nouă”.
  3. Ajustați mărirea, poziția, spațierea, grosimea liniei și unghiul. Blocați orice valoare doriți înainte de a apăsa „Inspirați-mă”.
  4. Verificați rezultatul cu previzualizările „Afișați plăcuța”, „Pe o pagină” și „În text”.
  5. Copiați codul sau descărcați fișierul și folosiți „Copiați linkul” pentru a reveni mai târziu exact la acest model.

Întrebări frecvente

Da. Instrumentul este gratuit, fără înregistrare și fără limită: fiecare model este desenat în browser, deci niciun fișier nu este trimis către un server.

Da. Puteți folosi modelele exportate în lucrări personale și comerciale, precum site-uri web, aplicații, ambalaje și tipărituri, fără a menționa sursa.

Nu. Fiecare formă care trece peste marginea unei plăcuțe este desenată din nou pe partea opusă, astfel încât repetiția este fără cusături. Folosiți previzualizarea „Afișați plăcuța” pentru a vedea exact unde începe și unde se termină o plăcuță.

CSS este cel mai simplu: lipiți regula în foaia de stiluri și aplicați-o oricărui element. La 0, 90, 180 sau 270 de grade se folosește o plăcuță mică cu background-size; la alte unghiuri se folosește un SVG care umple elementul. Versiunile pentru Tailwind, SCSS, React și Data URI conțin același model.

Animația este integrată în SVG, deci nu necesită script și rulează și ca fundal CSS în browserele moderne. Verificați-o în browserele pe care le susțineți. Fișierele PNG, JPG și WebP rămân imagini statice, deci păstrează doar primul cadru.

Designurile organice, precum camuflajul și hărțile topografice, conțin multe curbe. Dimensiunea codului este afișată lângă butonul de copiere. Dacă este prea mare pentru o pagină, alegeți un design cu o plăcuță mai mică sau folosiți în schimb o plăcuță PNG.

Da, la aproape orice model: activați „Fundal transparent” și exportați ca CSS, SVG, PNG sau WebP. Câteva designuri cu forme suprapuse ascund elemente cu culoarea fundalului, deci au nevoie de un fundal uni. Fișierele JPG nu acceptă transparența.


Căutări populare
generator de modele svg generator de modele fără cusături model de fundal css creator de modele repetitive modele de fundal gratuite generator de modele geometrice model de fundal tailwind plăcuță png fără cusături
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site: copiați și lipiți codul de mai jos.