Generator CSS gradijenata
Izgradite CSS gradijente vizualno: linearni, radijalni ili konusni tip, klizač za kut i do šest točaka boje s pregledom preko cijele širine uživo i kodom za kopiranje.
🔒 U potpunosti se obrađuje u vašem pregledniku — ništa što ovdje unesete nikada se ne učitava.
Rezultat
Ručno pisanje linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) i ponovno učitavanje stranice da biste ga vidjeli je spora petlja. Ovaj generator je zatvara: odaberite linearni, radijalni ili konusni, povucite klizač za kut, postavite svaku točku boje ugrađenim biračem boje i postotnom pozicijom — a pregled preko cijele širine osvježava se pri svakom pojedinom unosu, s gotovom linijom za pozadinu uvijek spremnom za kopiranje.
Tri vrste gradijenata pokrivaju različite zadatke. Linearni gradijenti prelijevaju se duž smjera i nose većinu hero sekcija i gumba; radijalni gradijenti zrače iz središta za sjajeve i vinjete; konusni gradijenti kruže oko središta i pokreću tortne grafikone i kotače boja. Možete se prebacivati između vrsta u bilo kojem trenutku — vaše točke se prenose, tako da usporedba sve tri traje nekoliko sekundi.
Do šest točaka boje daje vam prostora za dizajne s više pojaseva, a stranice s predlošcima isporučuju provjerene kombinacije — topli zalazak sunca, mirni ocean i nježni pastelni par — kao početne točke koje možete dotjerivati, a ne prazna platna. Obratite pažnju na podjelu posla: generator palete boja na ovoj stranici bira harmonične jednolične boje, a pretvarač formata boja prevodi vrijednost između HEX, RGB i HSL, dok ovaj alat radi drugačiji posao — pretvara odabrane boje u gotov CSS kod gradijenta.
Sve se izvodi lokalno u vašem pregledniku: nema prijenosa, nema računa, nema komunikacije s poslužiteljem, a generator nastavlja raditi izvan mreže nakon što se učita.