CSS Gradient Generator
Byg CSS-gradienter visuelt: lineær, radial eller konisk type, vinkelskyder og op til seks farvestop med en live forhåndsvisning i fuld bredde og kopierbar kode.
Resultat
Skriver lineær gradient(135deg, #2193b0 0%, #6dd5ed 100%) i hånden og genindlæser siden for at se, at det er en langsom løkke. Denne generator lukker den: vælg lineær, radial eller konisk, træk vinkelskyderen, indstil hvert farvestop med en indbygget farvevælger og en procentposition - og forhåndsvisningen i fuld bredde males igen på hver enkelt input, med den færdige baggrundslinje altid klar til at kopiere.
De tre gradienttyper dækker forskellige jobs. Lineære gradienter falmer langs en retning og bærer de fleste heltesektioner og knapper; radiale gradienter udstråler fra midten for glød og vignetter; koniske gradienter fejer rundt i midten og kraftkagediagrammer og farvehjul. Du kan skifte type når som helst - dine stop overføres, så det tager sekunder at sammenligne de tre.
Op til seks farvestop giver dig plads til design med flere bånd, og de forudindstillede sider leverer gennemprøvede kombinationer - en varm solnedgang, et roligt hav og et par bløde pastelfarver - som udgangspunkter, du kan justere i stedet for tomme lærreder. Bemærk arbejdsdelingen: Farvepaletgeneratoren på dette websted vælger harmoniske flade farver, og farveformatkonverteren oversætter en værdi mellem HEX, RGB og HSL, mens dette værktøj gør et andet job - det omdanner valgte farver til klar CSS-gradientkode.
Alt kører lokalt i din browser: ingen upload, ingen konto, ingen server-rundture, og generatoren bliver ved med at arbejde offline, når den først er indlæst.