Gratis Fargepalettgenerator
Generer komplementære, analoge, triadiske og monokromatiske fargepaletter fra en hvilken som helst basisfarge. Kopier hex-koder med ett klikk.
Skriv inn en hex-kode, et fargenavn som teal eller tomato, eller rgb(20, 184, 166) / hsl(174, 80%, 40%), og trykk Enter.
Sjekk av tekst og bakgrunn
Vanlige bruksområder
- Generer fargepaletter for webdesignOpprett harmoniske fargeschemaer for nettsteder, web-apper og UI-komponenter.
- Opprett merkevarefargepaletterUtvikl et komplett merkevarefargesystem fra en enkelt merkefarge — primær, sekundær, accent og nøytral.
- Generer fargepaletter for kunst og illustrasjonOpprett harmoniske fargekombinasjon for digitale kunst, illustrasjon og kreative prosjekter.
- Generer fargestiler for FigmaOpprett fargepaletter til bruk som Figma Color Styles og designtoken-fundament.
- Opprett fargepaletter for mørk tilstandGenerer lyse og mørke varianter av fargepaletten din for å bygge mørk tilstandsstøtte.
Hvordan det fungerer
Verktøyet er bygget uten eksterne biblioteker — all fargematematikk kjører i håndskrevet JavaScript direkte i nettleseren. Den konverterer valgt farge mellom hex og HSL, og bruker klassiske harmoniregler fra fargeteorien (komplementær, triadisk, analog osv.) gjennom aritmetikk på fargehjulet for å lage hver palett.
- 1Konvertering fra hex til HSLNår du velger en farge, tolker verktøyet hex-strengen til RGB-komponenter og konverterer dem til HSL (fargetone, metning, lyshet). Fargetonen er posisjonen i grader (0–360) på fargehjulet; all palettmatematikken skjer i dette rommet.
- 2Fargetonearitmetikk for harmoniHver paletttype er en fast rotasjonsformel brukt på grunntonen. Komplementær legger til 180°, triadisk legger til 120° og 240°, tetradisk går i steg på 90°, delt komplementær bruker 150° og 210°. Monokrom og nyanser holder fargetone og metning konstant mens lysheten går opp og ned.
- 3Utdata fra HSL til hexHver beregnet HSL-trippel konverteres tilbake til en hex-farge med standard kromaformel. Resultatene vises som en fargestripe med etiketter i automatisk kontrast (mørk tekst på lyse prøver, lys tekst på mørke) bestemt av en enkel luminansterskel.
- 4Eksporter i ønsket formatPaletten kan kopieres som hex-strenger eller eksporteres som en fil med CSS-variabler (:root { --color-1: … }), SCSS-variabler, et utdrag av Tailwind-konfigurasjon, et JSON-objekt eller en PNG-fargestripe. PNG-eksport bruker nettleserens Canvas API (toDataURL) til å tegne hver prøve med hex-etikett — alt genereres lokalt ved klikk.
Relaterte verktøy
Tilfeldig fargegenerator
Lag tilfeldige farger én om gangen eller som en palett på fem, lås de du liker, kopier HEX-, RGB- eller HSL-verdier og eksporter paletten som PNG eller CSS.
Bilde-fargepalettuttrekker
Trekk ut de dominerende fargene fra et bilde ved hjelp av k-means fargekvantisering. Få hex-koder for de 2–16 øverste fargene i bildet eller logoen.
Fargevelger og palettgenerator
Velg farger, konverter mellom HEX/RGB/HSL og generer harmoniske paletter.