Mesh Gradient Generator
Opret baggrunde med mesh-gradienter (blødt farvede pletter) og download dem som PNG eller kopier CSS-koden.
Sådan opretter du en mesh-gradient online
Vælg baggrundsfarve og tilføj farver
Vælg en basisfarve og tilføj op til 6 farveflekker, som blandes sammen.
Randomisér positionerne
Klik på randomiser-knappen for at flytte farveflerkerne, indtil du finder en kombination, du kan lide.
Download PNG eller kopier CSS
Download resultatet som et PNG-billede klar til brug, eller kopier CSS-koden for at anvende den direkte på dit websted.
Ofte stillede spørgsmål om mesh-gradient-generatoren
Mesh-gradienter (eller mesh-farveovergange) er blevet populære som baggrund til websider, apps og sociale medier takket være deres bløde og abstrakte udseende. Dette værktøj genererer og downloader dem direkte i din browser.
Hvad er en mesh-gradient?
+
Det er en gradient dannet af flere farveflekker, der blandes sammen, i stedet for en simpel lineær eller radial overgang mellem to farver.
Hvordan adskiller det sig fra den normale CSS-gradientgenerator?
+
CSS-gradientgeneratoren skaber lineære eller radiale overgange mellem 2 og 4 farver. Denne generator skaber en mere organisk effekt med flere uafhængige farveflekker og tillader dig desuden at downloade resultatet direkte som et PNG-billede.
Hvor mange farver kan jeg bruge?
+
Du kan kombinere mellem 3 og 6 farver i den samme mesh-gradient.
Kan jeg downloade resultatet som billede?
+
Ja, du kan downloade mesh-gradienten direkte i PNG-format, klar til brug som baggrund.
Er det gratis?
+
Ja, dette værktøj er helt gratis.
Uploades mit design til en server?
+
Nej. Hele processen, fra generering til download af PNG, foregår direkte i din browser uden at uploade data til en server.
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.
CSS-gradientgenerator
Opret lineære eller radiale gradienter med op til 4 farver og kopiér den klar-til-brug CSS-kode.
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.
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.
