Generator de gradient CSS

Scrierea manuală a gradientului liniar (135deg, #2193b0 0%, #6dd5ed 100%) și reîncărcarea paginii pentru a vedea că este o buclă lentă. Acest generator îl închide: alegeți liniar, radial sau conic, trageți glisorul unghiular, setați fiecare oprire de culoare cu un selector de culoare nativ și o poziție procentuală - iar previzualizarea pe lățime completă se revopsește la fiecare intrare, cu linia de fundal finală întotdeauna gata de copiere.

Cele trei tipuri de gradient acoperă locuri de muncă diferite. Gradienții liniari se estompează de-a lungul unei direcții și poartă majoritatea secțiunilor și butoanelor eroice; gradienții radiali radiază din centru pentru străluciri și viniete; gradienții conici mătura în jurul centrului și diagramele circulare și roțile de culoare. Puteți schimba tipurile în orice moment - opririle dvs. sunt transferate, astfel încât compararea celor trei durează câteva secunde.

Până la șase opriri de culoare vă oferă spațiu pentru modele cu mai multe benzi, iar paginile prestabilite oferă combinații dovedite — un apus de soare cald, un ocean calm și o pereche pastelată moale — ca puncte de plecare pe care le puteți modifica mai degrabă decât pânze goale. Rețineți diviziunea muncii: generatorul de palete de culori de pe acest site alege culori plate armonioase, iar convertorul de format de culoare traduce o valoare între HEX, RGB și HSL, în timp ce acest instrument face o treabă diferită - transformă culorile alese în cod de gradient CSS gata.

Totul rulează local în browserul dvs.: fără încărcare, fără cont, fără călătorii dus-întors pe server, iar generatorul continuă să funcționeze offline odată ce este încărcat.