CSS Gradient Generator
Izgradite CSS gradijente vizualno: linearni, radijalni ili konusni tip, kutni klizač i do šest boja s pregledom pune širine uživo i kodom koji se može kopirati.
Rezultat
Ručno pisanje linearnog gradijenta (135deg, #2193b0 0%, #6dd5ed 100%) i ponovno učitavanje stranice da se vidi je spora petlja. Ovaj generator ga zatvara: odaberite linearno, radijalno ili konusno, povucite kutni klizač, postavite svaku granicu boje s nativnim biračem boja i postotnim položajem — i pregled pune širine ponovno se boji na svakom pojedinom unosu, s gotovom linijom pozadine uvijek spremnom za kopiranje.
Tri vrste gradijenta pokrivaju različite poslove. Linearni gradijenti blijede duž smjera i nose većinu odjeljaka i gumba heroja; radijalni gradijenti zrače iz središta za sjajeve i vinjete; konusni gradijenti pomiču oko središta i tortni dijagrami snage i kotačići u boji. Možete promijeniti vrstu u bilo kojem trenutku — vaša zaustavljanja se prenose, tako da usporedba ta tri traje nekoliko sekundi.
Do šest boja daje vam prostor za višepojasni dizajn, a unaprijed postavljene stranice isporučuju provjerene kombinacije - topao zalazak sunca, miran ocean i par nježnih pastelnih boja - kao početne točke koje možete prilagoditi, a ne prazna platna. Imajte na umu podjelu rada: generator palete boja na ovoj stranici odabire skladne ravne 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 gradijentni kod.
Sve se izvodi lokalno u vašem pregledniku: nema učitavanja, nema računa, nema obilaska poslužitelja, a generator nastavlja raditi izvan mreže nakon što se učita.