Lag en fargepalett med harmoniske fargekombinasjoner

Lag en fargepalett direkte i nettleseren

Å finne fargekombinasjoner som fungerer godt sammen er en vanlig utfordring i design. Fargeharmoniregler bruker forholdet mellom nyanser i fargehjulet som et pålitelig utgangspunkt for balanserte paletter.

Denne fargepalett-generatoren tar utgangspunkt i en valgfri HEX-, RGB- eller HSL-farge. Bytt mellom harmonityper for å utforske, sammenligne og kopiere ulike fargekombinasjoner til prosjektet ditt.

Fargeharmonietyper forklart

• Komplementær — to farger motsatt hverandre i fargehjulet (180° fra hverandre). Høy kontrast, dristige kombinasjoner.
• Analog — tre farger ved siden av hverandre i fargehjulet (30° fra hverandre). Naturlig harmonisk og lav kontrast.
• Triadisk — tre farger jevnt fordelt rundt hjulet (120° fra hverandre). Livfull og balansert.
• Delt-komplementær — en grunnfarge pluss to farger ved siden av komplementet (150° og 210°). Mykere enn rent komplementær.
• Tetradisk (Kvadrat) — fire farger jevnt fordelt rundt hjulet (90° fra hverandre). Rike, komplekse paletter.

Slik bruker du palettgeneratoren

1. Skriv inn en grunnfarge — skriv en HEX-, RGB- eller HSL-verdi, eller bruk den innebygde fargevelgeren
2. Velg en harmonietype fra velgeren
3. Dra et koblet punkt på fargehjulet for å endre fargetone og metning, og juster deretter lysheten
4. Se den genererte paletten vist som fargefelt
5. Kopier HEX- eller RGB-verdier for ethvert felt med ett klikk
6. Bytt mellom harmonietyper for å sammenligne ulike paletter

Når skal man bruke en palettgenerator

• Starter et nytt designprosjekt og trenger et balansert fargeskjema
• Bygger en merkevareidentitet rundt en spesifikk hovedfarge
• Lager UI-temaer med harmoniske accentfarger
• Utforsker fargerelasjoner for illustrasjon eller kunst
• Raskt generere paletter for presentasjoner eller prototyper

Kjerneharmoni og støttevarianter

Hver harmoni gir fem fargefelt. Komplementær har to kjernefarger, analog, triadisk og delt-komplementær har tre, og tetradisk har fire; resten er støttevarianter med justert metning eller lyshet.

Lag fem farger fra én grunnfarge

Den merkede grunnfargen beholdes mens fargehjulet beregner harmonien og variantene. Bruk Bildepalett-uttrekkeren for dominerende farger i et helt bilde og Fargevelgeren for én nøyaktig piksel.

Bruk HEX, RGB, HSL og OKLCH

Feltet godtar HEX, RGB, HSL og OKLCH. Kopier én farge som HEX eller RGB, eller alle fem som kommaseparerte HEX-koder med store bokstaver.

Rask, gratis og privat

Alle beregninger skjer i nettleseren. Ingen konto, opplasting, lagring eller serverbehandling brukes; fargehjulet fungerer med mus, berøring og tastatur.

Fargehjulet viser teoretiske fargerelasjoner, men garanterer ikke lesbarhet. Bruk Kontrastsjekken for WCAG-måling og Fargekonverteren for formatbytte.

Ofte stilte spørsmål

Hva er fargeharmoni?

Fargeharmoni refererer til kombinasjoner av farger som er visuelt tiltalende sammen, basert på deres forhold i fargehjulet.

Hvilken harmonietype bør jeg bruke?

Det avhenger av designmålet ditt. Komplementær skaper sterk kontrast. Analog føles rolig. Triadisk er livfull og balansert. Delt-komplementær gir mykere kontrast. Tetradisk gir rike, komplekse paletter.

Hvilke fargeformater kan jeg skrive inn?

Du kan skrive inn HEX, RGB, HSL eller OKLCH; formatet oppdages automatisk.

Hvordan beregnes palettfargene?

Grunnfargen konverteres til HSL og plasseres ved de nøyaktige tonevinklene for den valgte harmonien. Hvert forhold utvides til fem praktiske fargeprøver med balanserte variasjoner i metning og lyshet. Det interaktive fargehjulet viser hver prøve: Når du drar ett punkt, roterer hele harmonien, mens lyshetskontrollen oppdaterer paletten.

Kan jeg kopiere de genererte fargene?

Ja. Kopier hver farge som HEX eller RGB, eller hele paletten som fem kommaseparerte HEX-koder med store bokstaver.

Virker dette verktøyet på mobil?

Ja. Det responsive fargehjulet fungerer med berøring på mobil og med mus eller tastatur på datamaskin.

Er dette verktøyet gratis?

Ja. ColourPicker.app er helt gratis å bruke, uten registrering.

Kan jeg lagre mine genererte paletter?

Verktøyet lagrer ikke paletter mellom økter. Du kan kopiere enkelte fargeverdier og lagre dem i prosjektfilene dine.

Hva viser et fargehjul?

Det ordner fargetoner i en sirkel: vinkelen angir fargetone, avstanden fra midten metning og den separate skyveknappen lyshet.

Hvorfor inneholder hver fargepalett fem farger?

Fem felt gir et fast arbeidssett med to til fire kjernefarger og nødvendige støttevarianter.

Hva er kjernefarger og støttevarianter?

Kjernefargene danner valgt geometri; variantene gjenbruker tonene med endret metning eller lyshet.

Garanterer fargeharmoni tilstrekkelig kontrast?

Nei. Harmoni beskriver forhold mellom fargetoner; mål WCAG-kontrasten mellom forgrunn og bakgrunn separat.