Farvepaletgenerator
Opret smukke, harmoniske farvepaletter øjeblikkeligt med vores gratis online generator. Understøtter monokromatiske, analoge, komplementære, triadiske, split-komplementære og tetradiske tilstande. Finjuster farver med HSL-skydere, lås favoritter og eksporter som CSS, Tailwind, JSON eller SVG. 100% browserbaseret, dine data forlader aldrig din enhed.
Hvordan genererer jeg en farvepalet?
Klik på Generer-knappen eller tryk på mellemrumstasten for at oprette en ny tilfældig palet. Brug harmonitilstandsvælgeren til at vælge mellem monokromatisk, analog, komplementær, triadisk, split-komplementær eller tetradisk skema.
Hvordan låser jeg en farve?
Klik på låseikonet på en farveprøve. Låste farver forbliver, når du genererer en ny palet, mens ulåste farver vil blive erstattet.
Hvordan eksporterer jeg min palet?
Klik på Eksporter-knappen for at vælge mellem CSS-variabler, Tailwind-konfiguration, JSON-array eller SVG-palet. Paletten kopieres automatisk til udklipsholderen.
Hvad er de forskellige harmonitilstande?
Monokromatisk bruger én nuance med varierende mætning og lyshed. Analog bruger tilstødende nuancer (±30°). Komplementær bruger modsatte nuancer (180°). Triadisk bruger 3 jævnt fordelte nuancer (120°). Split-komplementær bruger en basisnuance plus to ved siden af dens komplement. Tetradisk bruger 4 jævnt fordelte nuancer (90°).
Kan jeg bygge paletten omkring min brandfarve?
Ja. Vælg brandfarven i basisfarvevælgeren og derefter en harmonitilstand – de andre fire farver genereres omkring den. Bagefter kan du finjustere hver af dem med HSL-skyderne.
Hvilke eksportformater findes?
Paletten kan eksporteres som CSS-variabler, Tailwind-konfiguration, JSON-array eller SVG-fil. Kodeforhåndsvisningen opdateres straks, når du skifter format, klar til at indsættes i projektet.
Kan jeg se farveværdier i HEX, RGB eller HSL?
Ja, hver farves værdi kan skiftes mellem HEX, RGB og HSL. Så får du direkte det format, som dit designværktøj eller din kodebase forventer, uden manuel omregning.
Hvad betyder det lille mærke på hver farve?
Det viser, om hvid eller sort tekst forbliver læsbar på farven. Når kontrastforholdet når 4,5:1, viser mærket godkendt efter WCAG-retningslinjerne – praktisk, når du vælger baggrundsfarver til knapper og bannere.
Bliver min palet uploadet til en server?
Nej. Alt kører lokalt i browseren, så dine farver forlader aldrig din enhed. Når siden er indlæst, fungerer generatoren endda offline.
Sådan bruges Farvepaletgenerator
Skab harmoniske paletter i tilstande som monokromatisk, analog og triadisk — alt beregnes i din browser. Lås favoritnuancerne, finjustér dem og eksportér i dit frameworks format.
- Vælg harmoni-Mode i rullegardinmenuen: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary eller Tetradic.
- Indstil Base-farven, så hver genereret prøve afledes af dit mærkes tone, og rul om, indtil sættet passer.
- Fjern prøver, du ikke kan lide, med ✕-knappen og rul igen; finjustér de tilbageværende med HSL-skyderne.
- Sammenlign prøverne på lyse og mørke mockups for at sikre, at tekst forbliver læselig på hver farve.
- Åbn Export Palette og tag dine farver med som CSS Variables, Tailwind Config, JSON Array eller SVG Palette.
Lås Base-prøven, før du ruller om i Random-tilstand — så udforsker du variationer omkring mærkefarven uden at miste den.
Relaterede værktøjer
- Farvekonverter Gratis online farvekonverter. Konverter HEX, RGB, HSL, HSV formater øjeblikkeligt med visuel vælger. 100% privat, kører i din browser.
- Farvevælger Vælg farve fra skærmen med pipetten. Kopier HEX, RGB, HSL koder øjeblikkeligt. Gratis online farvevælger.
- Farvekontrasttjek Tjek farvekontrastforhold for WCAG 2.1-overholdelse. Bekræft AA- og AAA-standarder med det samme.
- Farveblindhedssimulator Gratis online farveblindhedssimulator. Test designs for Protanopi, Deuteranopi, Tritanopi og andre typer. 100% privat, kører i din browser.
- GIF Opdel Billeder Udtræk og download enkelte billeder fra GIF-animationer som PNG eller sprite-sheet. Gratis onlineværktøj med forhåndsvisning og ZIP-eksport.
- GIF Baglæns Omvend afspilningsrækkefølgen for GIF-animationer gratis online. Upload, forhåndsvis og download med det samme.
- GIF Hastighedsændrer Ændr GIF-animationshastighed online. Accelerer eller sænk hastigheden på GIF-filer øjeblikkeligt.
- Video til GIF Konvertér video til animeret GIF online. Justér kvalitet, billedhastighed og opløsning direkte i din browser uden upload.