Färgpalettgenerator
Skapa vackra, harmoniska färgpaletter direkt med vår gratis onlinegenerator. Stöder monokromatiska, analoga, komplementära, triadiska, split-komplementära och tetradiska lägen. Finjustera färger med HSL-reglag, lås favoriter och exportera som CSS, Tailwind, JSON eller SVG. 100% webbläsarbaserad, din data lämnar aldrig din enhet.
Hur genererar jag en färgpalett?
Klicka på knappen Generera eller tryck på mellanslag för att skapa en ny slumpmässig palett. Använd harmonilägesväljaren för att välja mellan monokromatiskt, analogt, komplementärt, triadiskt, split-komplementärt eller tetradiskt schema.
Hur låser jag en färg?
Klicka på låsikonen på ett färgprov. Låsta färger förblir oförändrade när du genererar en ny palett, medan olåsta färger ersätts.
Hur exporterar jag min palett?
Klicka på knappen Exportera för att välja mellan CSS-variabler, Tailwind-konfiguration, JSON-array eller SVG-palett. Paletten kopieras automatiskt till urklipp.
Vilka är de olika harmonilägena?
Monokromatisk använder en nyans med varierande mättnad och ljushet. Analog använder angränsande nyanser (±30°). Komplementär använder motsatta nyanser (180°). Triadisk använder 3 lika avståndna nyanser (120°). Split-komplementär använder en basnyans plus två bredvid dess komplement. Tetradisk använder 4 lika avståndna nyanser (90°).
Kan jag bygga paletten runt min varumärkesfärg?
Ja. Välj varumärkesfärgen i basfärgsväljaren och därefter ett harmoniläge – de andra fyra färgerna genereras runt den. Därefter kan du finslipa var och en med HSL-reglagen.
Vilka exportformat finns?
Paletten kan exporteras som CSS-variabler, Tailwind-konfiguration, JSON-array eller SVG-fil. Kodförhandsgranskningen uppdateras direkt när du byter format, redo att klistras in i projektet.
Kan jag se färgvärden i HEX, RGB eller HSL?
Ja, varje färgs värde kan växlas mellan HEX, RGB och HSL. Så får du direkt det format som ditt designverktyg eller din kodbas förväntar sig, utan manuell omvandling.
Vad betyder det lilla märket på varje färg?
Det visar om vit eller svart text förblir läsbar på den färgen. När kontrastförhållandet når 4,5:1 visar märket godkänt enligt WCAG:s riktlinjer – praktiskt när du väljer bakgrundsfärger till knappar och banderoller.
Laddas min palett upp till en server?
Nej. Allt körs lokalt i webbläsaren, så dina färger lämnar aldrig din enhet. När sidan väl har laddats fungerar generatorn även offline.
Hur man använder Färgpalettgenerator
Skapa harmoniska paletter i lägen som monokromatiskt, analogt och triadiskt — allt beräknas i din webbläsare. Lås favoritnyanserna, finslipa dem och exportera i ditt ramverks format.
- Välj harmoni-Mode i rullgardinsmenyn: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary eller Tetradic.
- Ställ in Base-färgen så att varje genererad rutta härstammar från märkets kulör, och rulla om tills uppsättningen känns rätt.
- Ta bort missnöjda rutor med ✕-knappen och rulla om; finslipa de kvarvarande med HSL-reglagen.
- Jämför rutorna på ljusa och mörka mockups så att texten förblir läsbar på varje färg.
- Öppna Export Palette och ta med dig färgerna som CSS Variables, Tailwind Config, JSON Array eller SVG Palette.
Lås Base-rutan innan du rullar om i Random-läget — då utforskar du varianter runt varumärkesfärgen utan att tappa den.
Relaterade verktyg
- Färgkonverterare Gratis online färgkonverterare. Konvertera HEX, RGB, HSL, HSV format omedelbart med visuell väljare. 100% privat, körs i din webbläsare.
- Färgväljare Välj valfri färg från skärmen med pipetten. Kopiera HEX-, RGB-, HSL-koder direkt. Gratis online färgväljare.
- Färgkontrastkontroll Kontrollera färgkontrastförhållanden för WCAG 2.1-efterlevnad. Verifiera AA- och AAA-standarder omedelbart.
- Färgblindhetssimulator Gratis online färgblindhetssimulator. Testa designer för Protanopi, Deuteranopi, Tritanopi och andra typer. 100% privat, körs i din webbläsare.
- GIF Dela Bildrutor Extrahera och ladda ner enskilda bildrutor från GIF-animationer som PNG eller sprite-sheet. Gratis onlineverktyg med förhandsgranskning och ZIP-export.
- GIF Baklänges Vänd uppspelningsordningen för GIF-animationer gratis online. Ladda upp, förhandsgranska och ladda ner direkt.
- GIF Hastighetsändrare Ändra GIF-animeringshastighet online. Snabba upp eller sakta ner GIF-filer omedelbart.
- Video till GIF Konvertera video till animerad GIF online. Justera kvalitet, bildhastighet och upplösning direkt i webbläsaren utan uppladdning.