CSS Gradient Generator
Bygg CSS-gradienter visuelt: lineær, radiell eller konisk type, vinkelglidebryter og opptil seks fargestopp med en live forhåndsvisning i full bredde og kopierbar kode.
Resultat
Skrive lineær gradient (135deg, #2193b0 0%, #6dd5ed 100%) for hånd og laste inn siden på nytt for å se at det er en langsom loop. Denne generatoren lukker den: velg lineær, radial eller konisk, dra vinkelglidebryteren, still inn hvert fargestopp med en naturlig fargevelger og en prosentposisjon – og forhåndsvisningen i full bredde males på nytt på hver enkelt inngang, med den ferdige bakgrunnslinjen alltid klar til å kopiere.
De tre gradienttypene dekker ulike jobber. Lineære gradienter blekner langs en retning og bærer de fleste helteseksjoner og knapper; radielle gradienter stråler ut fra midten for glød og vignetter; koniske gradienter sveiper rundt midten og kraftkakediagrammer og fargehjul. Du kan bytte type når som helst - stoppene dine overføres, så det tar sekunder å sammenligne de tre.
Opptil seks fargestopp gir deg plass til design med flere bånd, og de forhåndsinnstilte sidene leverer velprøvde kombinasjoner – en varm solnedgang, et rolig hav og et mykt pastellpar – som utgangspunkt du kan finpusse i stedet for tomme lerreter. Legg merke til arbeidsdelingen: fargepalettgeneratoren på dette nettstedet velger harmoniske flate farger og fargeformatkonverteren oversetter en verdi mellom HEX, RGB og HSL, mens dette verktøyet gjør en annen jobb – det gjør valgte farger om til klar CSS-gradientkode.
Alt kjører lokalt i nettleseren din: ingen opplasting, ingen konto, ingen server rundturer, og generatoren fortsetter å jobbe offline når den er lastet.