CSS-gradientgenerator
Lag lineære eller radiale gradienter med opptil 4 farger og kopier den klare CSS-koden.
Slik lager du en CSS-gradient på nett
Velg type gradient
Velg lineær eller radiell, avhengig av hvilken effekt du ønsker.
Legg til og juster farger
Legg til opptil 4 farger, endre rekkefølgen deres og juster vinkelen eller posisjonen på gradienten.
Kopier CSS-koden
Trykk på kopieringsknappen og lim inn koden direkte i stilarket ditt.
Vanlige spørsmål om gradientgeneratoren
Gradienter er en enkel måte å gi dybde og stil til ethvert nettdesign. Dette verktøyet genererer den eksakte CSS-koden du trenger, uten at du må skrive den for hånd.
Hvilke typer gradienter kan jeg lage?
+
Du kan lage lineære gradienter (i hvilken som helst vinkel) og radiale gradienter.
Hvor mange farger kan jeg bruke?
+
Du kan kombinere mellom 2 og 4 farger i samme gradient.
Fungerer koden i alle nettlesere?
+
Ja, den genereres med standard CSS-syntaks som er kompatibel med alle moderne nettlesere.
Må jeg installere noe program?
+
Nei, du trenger ikke å installere noe. Det fungerer direkte fra nettleseren.
Er det gratis?
+
Ja, dette verktøyet er helt gratis.
Kan jeg bruke gradienten som bakgrunnsbilde?
+
Den genererte koden er ren CSS; hvis du trenger et bilde, kan du ta et skjermbilde av forhåndsvisningen.
Farger
Fargekonverter (HEX, RGB, HSL, CMYK)
Konverter hvilken som helst farge mellom HEX, RGB, HSL og CMYK øyeblikkelig, med direktevisning og nærmeste fargenavn.
Fargepallettgenerator
Lag harmoniske fargepaletter med 5 farger (komplementære, analoge, triadiske eller monokromatiske) basert på en grunnfarge.
WCAG kontrastsjekker
Kontroller om kombinasjonen av tekst- og bakgrunnsfarger oppfyller tilgjengelighetsnivåene AA og AAA.
Tilfeldig farge
Generer en tilfeldig farge med ett klikk og oppdag navnet, HEX/RGB/HSL-koden og lignende farger.
Fargevelger (pipett)
Velg hvilken som helst farge fra skjermen din med nettleserens pipettverktøy, eller bruk den klassiske fargevelgeren.
Fargeblindhetssimulator
Last opp et bilde og sjekk hvordan personer med protanopi, deuteranopi eller tritanopi ville sett det.
Mesh Gradient Generator
Lag bakgrunner med mesh-gradienter (utvisket fargeflekker) og last dem ned som PNG eller kopier CSS-koden.
Tonalitets- og skyggetonesgenerator
Generer automatisk de lyseste tonene og mørkeste skyggene av hvilken som helst farge, med HEX-koden.
Fargemiksers
Bland to farger og oppdag mellomtoner trinn for trinn, med deres HEX-kode.
Fargekrets (Harmonier)
Velg en farge på kretsen og oppdag harmoniske kombinasjoner: komplementære, analoge, triadiske og mer.
Palettuutdrag fra bilde
Last opp et bilde og trekk automatisk ut de dominerende fargene i en palett, med HEX-koden for hver farge.
Gjennomsnittlig Farge i et Bilde
Last opp et bilde og beregn øyeblikkelig gjennomsnittsfarge med HEX-, RGB- og HSL-koder.
Utforsk farger etter familie
Over 469 navngitte farger, med HEX-, RGB-, HSL- og CMYK-koder, organisert i 12 fargefamilier.
