Mesh Gradient Generator
Lag bakgrunner med mesh-gradienter (utvisket fargeflekker) og last dem ned som PNG eller kopier CSS-koden.
Hvordan lage en mesh-gradient online
Velg bakgrunnsfarge og legg til farger
Velg en basisfarge og legg til opptil 6 fargeflekker som blandes sammen.
Randomiser posisjonene
Trykk på randomiseringsknappen for å plassere fargeflakkene på nytt til du finner en kombinasjon du liker.
Last ned PNG eller kopier CSS
Last ned resultatet som en PNG-bildefil klar til bruk, eller kopier CSS-koden for å bruke den direkte på nettsiden din.
Ofte stilte spørsmål om mesh-gradient-generatoren
Mesh-gradienter (eller nettgradienter) har blitt populære som bakgrunn for nettsider, apper og sosiale medier takket være deres glatte og abstrakte utseende. Dette verktøyet genererer og laster dem ned direkte i nettleseren din.
Hva er en mesh-gradient?
+
Det er en gradient som består av flere fargepletter som blandes sammen, i stedet for en enkel lineær eller radiell overgang mellom to farger.
Hvordan skiller det seg fra vanlig CSS-gradientgenerator?
+
CSS-gradientgeneratoren lager lineære eller radielle overganger mellom 2 og 4 farger. Denne generatoren skaper en mer organisk effekt med flere uavhengige fargepletter, og lar deg laste ned resultatet direkte som PNG-bilde.
Hvor mange farger kan jeg bruke?
+
Du kan kombinere mellom 3 og 6 farger i samme mesh-gradient.
Kan jeg laste ned resultatet som bilde?
+
Ja, du kan laste ned mesh-gradienten direkte i PNG-format, klar til bruk som bakgrunn.
Er det gratis?
+
Ja, dette verktøyet er helt gratis.
Blir designet mitt lastet opp til en server?
+
Nei. Hele prosessen, fra generering til nedlasting av PNG, skjer direkte i nettleseren din uten å laste opp noen data til en server.
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.
CSS-gradientgenerator
Lag lineære eller radiale gradienter med opptil 4 farger og kopier den klare CSS-koden.
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.
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.
