Å gjette seg fram til hvilke farger som passer sammen, stjeler designtid. Denne generatoren bruker de klassiske harmoniene fra fargehjulet - de samme nyanseforholdene som læres bort i fargelære - så hver palett blir matematisk samstemt i stedet for anslått på øyemål. Klikk på en fargeprøve for å kopiere hex-koden, eller kopier hele paletten som ferdige CSS-variabler. Alt skjer helt i nettleseren: ingen konto, ingen opplasting, ingen sporing av merkevarefargene dine.
Gratis Fargepalett Generator
Kjører helt i nettleseren - ingen opplasting, ingen registrering.
Harmoni
CSS-variabler
Hva er en fargepalett generator?
En fargepalett generator bygger et matchende fargeskjema fra én basisfarge ved hjelp av fargehjulets teori. Velg eller skriv inn en hex-farge, velg en harmoni som komplementær, analog, triadisk eller monokrom, og de samstemte fargene beregnes øyeblikkelig - hver med en hex-kode du kan kopiere. Alt kjører i nettleseren din.
Slik bruker du verktøyet
- 1Angi basisfargen din. Klikk på fargefeltet for å velge visuelt, skriv inn en hex-kode som #6366f1, eller trykk Tilfeldig for et nytt utgangspunkt.
- 2Velg en harmoni. Bytt mellom komplementær, delvis komplementær, analog, triadisk, tetradisk, monokrom, skygger og valører. Paletten beregnes på nytt umiddelbart.
- 3Kopier fargene. Klikk på en fargeprøve for å kopiere den hex-koden, eller bruk kopieringsknappen for å hente hele paletten som CSS-variabler.
Hvem passer det for
- Webdesignere som starter et nettsted fra én merkevarefarge: lag analoge eller delvis komplementære følgefarger til bakgrunner, knapper og aksenter.
- Frontend-utviklere som trenger et utgangspunkt for design tokens: kopier paletten som CSS-variabler og legg den rett inn i et stilark.
- Markedsførere og de som lager presentasjoner, og som vil matche diagrammer, sosiale medier-bilder eller lysbilder til en logofarge uten et designverktøy.
- Illustratører og hobbyfolk som utforsker nyanser og valører av én farge for å bygge dybde, høylys og skygger i et verk.
Vanlige spørsmål
Er denne fargepalett generatoren gratis?
Ja - 100% gratis uten registrering, uten vannmerker og uten begrensninger. Generer og kopier så mange paletter du vil, til private eller kommersielle prosjekter.
Blir fargedataene mine lastet opp noe sted?
Nei. Paletten beregnes utelukkende i nettleseren din med vanlig JavaScript. Merkevarefargene, inndataene og klikkene dine sendes aldri til en server.
Hva er en komplementærfarge?
Komplementærfargen ligger rett overfor basisfargen din på fargehjulet - en rotasjon på 180 grader. Komplementære par som blått og oransje gir den sterkeste kontrasten, noe som gjør dem populære for call-to-action-knapper mot en merkevarebakgrunn.
Hva er forskjellen på en analog og en triadisk palett?
Analoge paletter bruker nabofargetoner (innenfor cirka 30 grader fra basisfargen), så de oppleves rolige og sammenhengende. Triadiske paletter tar tre fargetoner med 120 graders mellomrom, noe som gir et livlig, balansert skjema med mer kontrast mellom fargene.
Hva er skygger og valører?
Skygger mørkner basisfargen din ved å flytte lysheten mot svart; valører lysner den mot hvitt. Begge beholder samme fargetone og metning, så de er ideelle til hover-tilstander, kanter og bakgrunnslag av én merkevarefarge.
Hvor mange farger bør en nettstedspalett ha?
En vanlig tommelfingerregel er 60-30-10: én dominerende farge for cirka 60% av grensesnittet, en sekundær farge for 30% og en aksentfarge for 10%. Start med en harmoni på 3-5 farger her, og legg deretter til skygger og valører av hver for tilstander og flater.
Hvorfor endrer paletten seg knapt for grått eller svart?
Grått, svart og hvitt har ingen metning, så det finnes ingen fargetone for harmonirotasjonene å virke på - å rotere ingenting gir samme nøytrale farge tilbake. Bygg i stedet en nøytral skala med lysstyrke-modusene: valører for svart eller mørkegrått, skygger for hvitt eller lysegrått, og monokrom for mellomgrått.