Hvordan genererer jeg en farvepalet ud fra én brandfarve?

Indtast en hex-kode, et farvenavn som teal eller en rgb()- eller hsl()-værdi i feltet Basisfarve, og tryk på Enter. Vælg derefter en type som Brandpalet, Komplementær, Triadisk eller Monokrom, og klik på en farveprøve for at kopiere den.

Hvilke eksportformater understøtter paletgeneratoren?

Du kan kopiere farver som hex, rgb, hsl eller oklch og eksportere CSS-, SCSS-, JSON-, Tailwind 50-950-skala-, PNG-, SVG-, GIMP/Krita GPL-, Adobe ASE- eller Photoshop ACO-filer. Hvilke muligheder du ser, afhænger af eksportkontrollerne.

Hvordan kan jeg tjekke, om mine paletfarver er læsbare på hvid eller sort?

Hver farve viser mærkerne På hvid og På sort med WCAG-niveauer: AAA, AA, AA stor eller Dumper. Sektionen Tjek af tekst og baggrund lader dig også vælge en tekstfarve og baggrund for at teste et specifikt par.

Hvordan beholder jeg nogle farver og blander resten?

Klik på Lås denne farve på de farveprøver, du vil beholde, og tryk derefter på Bland. Låste farver forbliver, og de andre ændres. Du kan også bruge Rediger denne farve til at ændre en enkelt farveprøve, hvilket markerer paletten som redigeret.

Kan jeg dele min palet eller vælge en farve fra min skærm?

”Del resultat” laver et link, der indeholder grundfarven, typen og alle ændringer, så alle, der åbner det, ser den samme palet. På en telefon åbnes delingsmenuen, på en computer kopieres linket. ”Vælg fra skærmen” bruger browserens EyeDropper, som kun findes i browsere, der understøtter den, mest Chromium-baserede.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere.

🎨

Gratis Farvepalet-generator

Generer komplementære, analoge, triadiske og monokamatiske farvepaletter fra en vilkårlig basisfarve. Kopiér hex-koder med ét klik.

Kører i din browserIngen tilmelding, ingen pop-upsIngen login krævetGratis for altid

Virker offline, når den er indlæst

Basisfarve

Skriv en hex-kode, et farvenavn som teal eller tomato, eller rgb(20, 184, 166) / hsl(174, 80%, 40%), og tryk på Enter.

Brandpalet · 7 farver

Kopiérformat

Eksport:Hex-etiketter på PNG/SVG

Basis

På hvid 2,5Dumper

På sort 8,4AAA

Accent

På hvid 2,9Dumper

På sort 7,2AAA

Lys tone

På hvid 1,1Dumper

På sort 19,4AAA

Mørk nuance

På hvid 9,0AAA

På sort 2,3Dumper

Lys neutral

På hvid 1,1Dumper

På sort 19,3AAA

Mellem neutral

På hvid 4,1AA stor

På sort 5,1AA

Mørk neutral

På hvid 16,1AAA

På sort 1,3Dumper

Tjek af tekst og baggrund

TekstfarveBaggrund

Eksempel på stor overskrift

Eksempel på brødtekst for dette par

8,44:1Normal tekst AAAStor tekst AAA

Prøv disse

Vil du have farver fra et foto? Brug billedfarve-udtrækkeren

Almindelige anvendelser

Generer farvepaletter til webdesignOpret harmoniske farveskemaer til websteder, webapps og UI-komponenter.
Opret mærkefarvepaletterUdvikl et komplet brand-farvesettet fra en enkelt brandfarve — primær, sekundær, accent og neutrater.
Generer farvepaletter til kunst og illustrationOpret harmoniske farvekombinationer til digital kunst, illustration og kreative projekter.
Generer farvetyper til FigmaOpret farvepaletter til brug som Figma Color Styles og designtoken-fundamenter.
Opret farvepaletter til mørk tilstandGenerer lyse og mørke varianter af din farvepalett til at bygge mørk tilstandsstøtte.

Sådan fungerer det

Værktøjet er bygget uden eksterne biblioteker — al farvematematik kører i håndskrevet JavaScript direkte i din browser. Det konverterer din valgte farve mellem hex og HSL og anvender derefter klassiske farveharmoniregler (komplementær, triadisk, analog osv.) via aritmetik på farvehjulet for at lave hver palet.

1
Hex-til-HSL-konvertering
Når du vælger en farve, fortolker værktøjet hex-strengen til RGB-komponenter og omregner dem til HSL (farvetone, mætning, lyshed). Farvetonen er positionen på farvehjulet fra 0 til 360 grader; al paletmatematik foregår i dette rum.
2
Farvetonearitmetik for harmoni
Hver palettype er en fast rotationsformel anvendt på grundtonen. Komplementær lægger 180° til, triadisk lægger 120° og 240° til, tetradisk går i trin på 90°, split-komplementær bruger 150° og 210°. Monokromatisk og nuancer holder farvetone og mætning konstant og varierer lysheden op og ned.
3
HSL-til-hex-output
Hver beregnet HSL-triplet omregnes tilbage til en hex-farve med standard-kromaformlen. Resultaterne vises som en farvestribe med automatisk kontrasterede etiketter (mørk tekst på lyse prøver, lys tekst på mørke) bestemt af en simpel luminansgrænse.
4
Eksportér i dit foretrukne format
Paletten kan kopieres som hex-strenge eller eksporteres som en fil med CSS-variabler (:root { --color-1: … }), SCSS-variabler, et Tailwind-konfigurationsudsnit, et JSON-objekt eller en PNG-farvestribe. PNG-eksport bruger browserens Canvas API (toDataURL) til at tegne hver prøve med dens hex-etiket — alt genereres lokalt ved klik.

Relaterede værktøjer

🎨

Tilfældig farvegenerator

Generer tilfældige farver én ad gangen eller som en palet på fem, lås dem du kan lide, kopiér HEX-, RGB- eller HSL-værdier og eksportér paletten som PNG eller CSS.

Prøv det

🎨