CSS-gradientgenerator
Opret lineære eller radiale gradienter med op til 4 farver og kopiér den klar-til-brug CSS-kode.
Sådan opretter du en CSS-gradient online
Vælg gradienttypen
Vælg lineær eller radial afhængigt af den effekt, du ønsker at opnå.
Tilføj og juster farverne
Tilføj op til 4 farver, skift deres rækkefølge og juster vinklen eller positionen for gradienten.
Kopier CSS-koden
Tryk på kopieringsknappen og indsæt koden direkte i dit stylesheet.
Ofte stillede spørgsmål om gradientgeneratoren
Gradienter er en simpel måde at tilføje dybde og stil til ethvert webdesign. Dette værktøj genererer den nøjagtige CSS-kode, du har brug for, uden at skulle skrive den i hånden.
Hvilke typer gradienter kan jeg oprette?
+
Du kan oprette lineære gradienter (i enhver vinkel) og radiale gradienter.
Hvor mange farver kan jeg bruge?
+
Du kan kombinere mellem 2 og 4 farver i den samme gradient.
Fungerer koden i alle browsere?
+
Ja, det genereres med standard CSS-syntaks, kompatibel med alle moderne browsere.
Skal jeg installere noget program?
+
Nej, der er ingen grund til at installere noget. Det fungerer direkte fra browseren.
Er det gratis?
+
Ja, dette værktøj er helt gratis.
Kan jeg bruge gradienten som baggrundsbillede?
+
Den genererede kode er ren CSS; hvis du har brug for et billede, kan du tage et skærmbillede af forhåndsvisningen.
Farver
Farvekonverter (HEX, RGB, HSL, CMYK)
Konverter enhver farve mellem HEX, RGB, HSL og CMYK øjeblikkeligt, med live-preview og det nærmeste farvenavn.
Farvepalet-generator
Opret harmoniske farvepaletter med 5 farver (komplementære, analoge, triadiske eller monokromatiske) ud fra en basisfarve.
WCAG-kontrastchecker
Kontrollér, om kombinationen af tekst- og baggrundsfarve opfylder tilgængelighedsniveauerne AA og AAA.
Tilfældig farve
Generer en tilfældig farve med ét klik og find dens navn, HEX/RGB/HSL-kode og lignende farver.
Farvevælger (øjendroppepipette)
Vælg hvilken som helst farve fra din skærm med browserens pipet-værktøj, eller brug den klassiske farvevælger.
Farveblindhedssimulator
Upload et billede og se, hvordan personer med protanopi, deuteranopi eller tritanopi ville se det.
Mesh Gradient Generator
Opret baggrunde med mesh-gradienter (blødt farvede pletter) og download dem som PNG eller kopier CSS-koden.
Generator til Toner og Skygger
Generér automatisk de lyseste toner og mørkeste skygger af enhver farve med dens HEX-kode.
Farveblander
Bland to farver og opdag de mellemliggende toner trin for trin med deres HEX-kode.
Farvekreds (Harmonier)
Vælg en farve på hjulet og opdag dets harmoniske kombinationer: komplementær, analog, triadisk og mere.
Farvepalet-ekstraktor fra billede
Upload et billede og udtræk automatisk dets dominerende farver i en palet med HEX-koden for hver farve.
Gennemsnitsfarve for et Billede
Upload et billede og beregn øjeblikkeligt dets gennemsnitsfarve med HEX-, RGB- og HSL-kode.
Udforsk farver efter familie
Over 469 navngivne farver med deres HEX-, RGB-, HSL- og CMYK-koder, organiseret i 12 farvetone-familier.
