Fargepalettgenerator
Lag vakre, harmoniske fargepaletter umiddelbart med vår gratis nettgenerator. Støtter monokromatiske, analoge, komplementære, triadiske, splitt-komplementære og tetradiske moduser. Finjuster farger med HSL-glidebrytere, lås favoritter og eksporter som CSS, Tailwind, JSON eller SVG. 100% nettleserbasert, dataene dine forlater aldri enheten.
Hvordan genererer jeg en fargepalett?
Klikk på Generer-knappen eller trykk mellomrom for å lage en ny tilfeldig palett. Bruk harmonimodus-velgeren for å velge mellom monokromatisk, analog, komplementær, triadisk, splitt-komplementær eller tetradisk skjema.
Hvordan låser jeg en farge?
Klikk på låseikonet på et fargeprøve. Låste farger forblir når du genererer en ny palett, mens ulåste farger vil bli erstattet.
Hvordan eksporterer jeg paletten min?
Klikk på Eksporter-knappen for å velge mellom CSS-variabler, Tailwind-konfigurasjon, JSON-array eller SVG-palett. Paletten kopieres automatisk til utklippstavlen.
Hva er de ulike harmonimodusene?
Monokromatisk bruker én nyanse med varierende metning og lyshet. Analog bruker tilstøtende nyanser (±30°). Komplementær bruker motsatte nyanser (180°). Triadisk bruker 3 jevnt fordelte nyanser (120°). Splitt-komplementær bruker en basisk nyanse pluss to ved siden av dens komplement. Tetradisk bruker 4 jevnt fordelte nyanser (90°).
Kan jeg bygge paletten rundt merkefargen min?
Ja. Velg merkefargen i basisfargevelgeren og deretter en harmonimodus – de andre fire fargene genereres rundt den. Etterpå kan du finjustere hver av dem med HSL-glidebryterne.
Hvilke eksportformater finnes?
Paletten kan eksporteres som CSS-variabler, Tailwind-konfig, JSON-array eller SVG-fil. Kodeforhåndsvisningen oppdateres med en gang du bytter format, klar til å limes inn i prosjektet.
Kan jeg se fargeverdier i HEX, RGB eller HSL?
Ja, hver farges verdi kan veksles mellom HEX, RGB og HSL. Dermed får du direkte det formatet som designverktøyet eller kodebasen din forventer, uten manuell omregning.
Hva betyr det lille merket på hver farge?
Det viser om hvit eller svart tekst forblir lesbar på fargen. Når kontrastforholdet når 4,5:1, viser merket godkjent etter WCAG-retningslinjene – nyttig når du velger bakgrunnsfarger til knapper og bannere.
Blir paletten min lastet opp til en server?
Nei. Alt kjører lokalt i nettleseren, så fargene dine forlater aldri enheten. Når siden er lastet inn, fungerer generatoren til og med offline.
Slik bruker du Fargepalettgenerator
Lag harmoniske paletter i moduser som monokromatisk, analog og triadisk — alt beregnes i nettleseren din. Lås favorittnyansene, finjuster dem og eksporter i rammeverkets format.
- Velg harmoni-Mode i nedtrekkslisten: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary eller Tetradic.
- Sett Base-fargen slik at hver rute avledes fra merkevarens kulør, og rull på nytt til helheten passer.
- Fjern ruter du ikke liker med ✕-knappen og trikk på nytt; finjuster de som blir igjen med HSL-glidere.
- Sammenlign rutene på lyse og mørke mockups for å sikre at tekst forblir lesbar på hver farge.
- Åpne Export Palette og ta med fargene som CSS Variables, Tailwind Config, JSON Array eller SVG Palette.
Lås Base-ruten før du trikker på nytt i Random-modus — slik utforsker du varianter rundt merkefargen uten å miste den.
Relaterte verktøy
- Fargekonverterer Gratis online fargekonverterer. Konverter HEX, RGB, HSL, HSV formater umiddelbart med visuell velger. 100% privat, kjører i nettleseren din.
- Fargevelger Velg farge fra skjermen med pipetten. Kopier HEX, RGB, HSL koder umiddelbart. Gratis online fargevelger.
- Fargekontrastsjekk Sjekk fargekontrastforhold for WCAG 2.1-samsvar. Verifiser AA- og AAA-standarder umiddelbart.
- Fargeblindhetssimulator Gratis online fargeblindhetssimulator. Test design for Protanopi, Deuteranopi, Tritanopi og andre typer. 100% privat, kjører i nettleseren.
- GIF Del Bilderammer Pakk ut og last ned enkelte bilderammer fra GIF-animasjoner som PNG eller sprite-ark. Gratis onlineverktøy med forhåndsvisning og ZIP-eksport.
- GIF Baklengs Snu avspillingsrekkefølgen for GIF-animasjoner gratis online. Last opp, forhåndsvis og last ned umiddelbart.
- GIF Hastighetsendrer Endre GIF-animasjonshastighet online. Øk eller reduser hastigheten på GIF-filer umiddelbart.
- Video til GIF Konverter video til animert GIF på nett. Juster kvalitet, bildefrekvens og oppløsning direkte i nettleseren uten opplasting.