At gætte sig frem til, hvilke farver der passer sammen, koster designtid. Denne generator bruger de klassiske harmonier fra farvehjulet - de samme nuanceforhold, der undervises i farvelære - så hver palette bliver matematisk afstemt frem for skønnet på øjemål. Klik på en farveprøve for at kopiere hex-koden, eller kopier hele paletten som klar-til-brug CSS custom properties. Det foregår helt i din browser: ingen konto, ingen upload, ingen sporing af dine brandfarver.
Gratis Farvepalet Generator
Kører helt i din browser - ingen upload, ingen tilmelding.
Harmoni
CSS-variabler
Hvad er en farvepalet generator?
En farvepalet generator bygger et matchende farveskema ud fra en basisfarve ved hjælp af farvehjulets teori. Vælg eller indtast en hex-farve, vælg en harmoni som komplementær, analog, triadisk eller monokrom, og de samhørende farver beregnes øjeblikkeligt - hver med en hex-kode, du kan kopiere. Alt sker i din browser.
Sådan gør du
- 1Angiv din basisfarve. Klik på farvefeltet for at vælge visuelt, indtast en hex-kode som #6366f1, eller tryk på Tilfældig for et nyt udgangspunkt.
- 2Vælg en harmoni. Skift mellem komplementær, split-komplementær, analog, triadisk, tetradisk, monokrom, skygger og toner. Paletten genberegnes øjeblikkeligt.
- 3Kopier farverne. Klik på en farveprøve for at kopiere den hex-kode, eller brug kopiér-knappen til at hente hele paletten som CSS-variabler.
Hvem er det til
- Webdesignere, der starter et site ud fra én brandfarve: generer analoge eller split-komplementære følgefarver til baggrunde, knapper og accenter.
- Frontend-udviklere, der har brug for et udgangspunkt til design tokens: kopier paletten som CSS-variabler og sæt den direkte ind i et stylesheet.
- Marketingfolk og dem, der bygger præsentationer, og som vil matche grafer, sociale medier-billeder eller slides til en logofarve uden et designværktøj.
- Illustratorer og hobbyfolk, der udforsker toner og nuancer af én farve for at skabe dybde, highlights og skygger i et værk.
Ofte stillede spørgsmål
Er denne farvepalet generator gratis?
Ja - 100% gratis uden oprettelse, uden vandmærker og uden begrænsninger. Generer og kopier lige så mange paletter, du vil, til private eller kommercielle projekter.
Bliver mine farvedata uploadet nogen steder?
Nej. Paletten beregnes udelukkende i din browser med almindelig JavaScript. Dine brandfarver, inputs og klik sendes aldrig til en server.
Hvad er en komplementærfarve?
Komplementærfarven ligger lige overfor din basisfarve på farvehjulet - en rotation på 180 grader. Komplementære par som blå og orange giver den stærkeste kontrast, hvilket gør dem populære til call-to-action-knapper mod en brandbaggrund.
Hvad er forskellen på en analog og en triadisk palette?
Analoge paletter bruger nabo-nuancer (inden for cirka 30 grader af basisfarven), så de virker rolige og sammenhængende. Triadiske paletter tager tre nuancer med 120 graders mellemrum, hvilket giver et levende, afbalanceret skema med mere kontrast mellem farverne.
Hvad er skygger og toner?
Skygger gør din basisfarve mørkere ved at flytte lysheden mod sort; toner gør den lysere mod hvid. Begge bevarer samme nuance og mætning, så de er ideelle til hover-tilstande, kanter og baggrundslag af en brandfarve.
Hvor mange farver bør en websites palette have?
En almindelig tommelfingerregel er 60-30-10: en dominerende farve til cirka 60% af interfacet, en sekundær farve til 30% og en accentfarve til 10%. Start med en harmoni på 3-5 farver her, og tilføj derefter skygger og toner af hver til tilstande og flader.
Hvorfor ændrer paletten sig næppe for grå eller sort?
Grå, sort og hvid har ingen mætning, så der er ingen nuance for harmonirotationerne at virke på - at rotere ingenting giver den samme neutrale farve tilbage. Byg i stedet en neutral skala med lysheds-tilstandene: toner til sort eller mørkegrå, skygger til hvid eller lysegrå, og monokrom til mellemgrå.