Hopp til innhold
🛠️
Whiz Tools

Fargepalettprodusent - Lag harmoniske fargekombinasjoner

Gratis fargepalettprodusent som umiddelbart skaper vakre komplementære, analoge, triadiske og monokromatiske fargekombinasjoner. Velg en primærfarge og generer harmoniske paletter for webdesign, grafikk og merkevareprosjekter.

Enkelt Fargepalettprodusent

Velg harmonityper

Generert Palett

Velg en farge og harmonityper for å generere en palett

Om Fargeharmonier

Fargeharmonier er kombinasjoner av farger som er behagelige for øyet. De skaper en følelse av orden og balanse i design.

Harmonityper

  • Komplementær: Farger som er motsatt hverandre på fargehjulet, som skaper høy kontrast og levende utseende.
  • Analog: Farger ved siden av hverandre på fargehjulet, som skaper et rolig og behagelig design.
  • Triadisk: Tre farger jevnt fordelt rundt fargehjulet, som gir sterk visuell kontrast samtidig som de opprettholder harmoni.
  • Monokromatisk: Forskjellige nyanser, toner og tints av en enkelt farge, som skaper et helhetlig utseende med subtile variasjoner.
Lastekalkulator...
📚

Dokumentasjon

Hva er en generator for fargepaletter?

En generator for fargepaletter er et verktøy som bygger et sett med farger som passer sammen, ut fra én startfarge som kalles primærfargen. Denne generatoren tar en primærfarge og en harmonitype, og beregner resten av paletten ved hjelp av regler fra fargelære. De fire harmonitypene som støttes, er komplementær, analog, triadisk og monokromatisk.

Slik bygger verktøyet en palett

Verktøyet konverterer primærfargen fra heksadesimalkode (for eksempel #3B82F6) til HSL-fargemodellen. HSL beskriver en farge med tre tall:

  • Fargetone: fargens plassering på et fargehjul på 360 grader (0° er rødt, 120° er grønt, 240° er blått).
  • Metning: hvor intens fargen er, fra 0 % (grå) til 100 % (ren farge).
  • Lyshet: hvor nær fargen er svart eller hvitt, fra 0 % (svart) til 100 % (hvitt).

Hver harmonitype forskyver fargetonen, lysheten eller begge deler, og konverterer deretter resultatet tilbake til en heksadesimalkode.

Slik beregner du komplementærfarger

Formelen:

h′=(h+180) mod 360h' = (h + 180) \bmod 360

der h er primærfargens fargetone i grader, og h′ den nye fargetonen. Modulooperasjonen fører et resultat som går forbi en hel omdreining, tilbake på fargehjulet.

Metning og lyshet forblir uendret.

Beregningseksempel: Rent blått, #0000FF, har fargetonen 240°, metningen 100 % og lysheten 50 %. Når 180° legges til, blir fargetonen 60°. Når fargetonen 60° konverteres tilbake til heksadesimal, med samme metning og lyshet, blir resultatet #FFFF00, som er gult. Verktøyet setter derfor blått sammen med gult, ikke med oransje.

Dette kan være forvirrende fordi kunstundervisning ofte lærer bort et annet fargehjul, RYB-fargehjulet (rødt–gult–blått) for pigmenter, der motsatsen til blått er oransje. Dette verktøyet bruker det RGB-baserte HSL-fargehjulet som skjermer benytter, så de komplementære fargeparene skiller seg fra fargehjulet for malingblanding.

Slik beregner du analoge farger

Analoge farger ligger nær primærfargen på fargehjulet. Verktøyet genererer to fargetoner 30° unna og to fargetoner 60° unna primærfargetonen, alle med samme metning og lyshet.

h±30∘,h±60∘h \pm 30^{\circ}, \qquad h \pm 60^{\circ}

der h er primærfargens fargetone.

Beregningseksempel: Blått, #0000FF (fargetone 240°), gir fargetone 270° (#8000FF), fargetone 210° (#0080FF), fargetone 300° (#FF00FF) og fargetone 180° (#00FFFF). Sammen med primærfargen inneholder paletten fem farger.

Slik beregner du triadiske farger

Triadiske farger ligger 120° fra hverandre på fargehjulet og danner en jevnt fordelt trio med primærfargen.

h+120∘,h+240∘h + 120^{\circ}, \qquad h + 240^{\circ}

Beregningseksempel: Rødt, #FF0000 (fargetone 0°), gir fargetone 120° (#00FF00, grønt) og fargetone 240° (#0000FF, blått). Trefargesettet er rødt, grønt og blått, de samme tre fargetonene som brukes som primærfarger på digitale skjermer.

Slik beregner du monokromatiske farger

Monokromatiske farger beholder samme fargetone og metning og endrer bare lysheten. Verktøyet forskyver lysheten med 15 og 30 prosentpoeng i hver retning, avgrenset til mellom 5 % og 95 %.

l±15,l±30l \pm 15, \qquad l \pm 30

der l er primærfargens lyshet, angitt i prosentpoeng.

Beregningseksempel: Blått, #0000FF (lyshet 50 %), gir lyshet 65 % (#4D4DFF), lyshet 35 % (#0000B3), lyshet 80 % (#9999FF) og lyshet 20 % (#000066).

På grunn av grensene på 5 % og 95 % kan en primærfarge som allerede er svært lys eller svært mørk, treffe samme grense to ganger. Svart, #000000, gir lyshet 15 % (#262626), 5 % (#0D0D0D), 30 % (#4D4D4D) og 5 % igjen (#0D0D0D), slik at én farge gjentas.

Slik bruker du verktøyet

  1. Velg en primærfarge med fargevelgeren, eller skriv inn en heksadesimalkode som #3B82F6.
  2. Velg en harmonitype: komplementær, analog, triadisk eller monokromatisk.
  3. Les den genererte paletten. Hver fargeprøve viser heksadesimalkoden på en knapp.
  4. Klikk på knappen for å kopiere heksadesimalkoden, eller bruk «Kopier alle farger» for å kopiere hele paletten samtidig.

Kontroll av kontrast for tilgjengelighet

Hver fargeprøve viser to små merker: ett for kontrast mot hvitt og ett for kontrast mot svart. Verktøyet beregner et kontrastforhold ved hjelp av WCAG-formelen (retningslinjene for tilgjengelighet til webinnhold):

C=L1+0.05L2+0.05C = \frac{L_{1} + 0.05}{L_{2} + 0.05}

der C er kontrastforholdet.

L1 er den relative luminansen til den lysere fargen, og L2 er den relative luminansen til den mørkere fargen. Luminansen beregnes ut fra fargens røde, grønne og blå verdier. Et merke viser «AA» når forholdet er 4,5 eller høyere, som er WCAG-minimumet for tekst i normal størrelse. Det viser «!» når forholdet er lavere enn 4,5. Når markøren holdes over et merke, vises det nøyaktige forholdet. Svart tekst på hvit bakgrunn har forholdet 21, som er den høyeste mulige verdien.

Verktøyet bruker den samme kontrastregelen til å velge fargen på kopieringsknappen for hver fargeprøve. Det sammenligner fargeprøven med svart og hvitt, og velger deretter den av de to som gir best lesbarhet. Byttet skjer ved en relativ luminans på omtrent 0,179, punktet der begge forholdene er like.

Ofte stilte spørsmål

Hva er en generator for fargepaletter? Det er et verktøy som lager et sett med farger som fungerer sammen, med utgangspunkt i én primærfarge og en valgt harmoniregel.

Hvorfor setter dette verktøyet blått sammen med gult i stedet for oransje for komplementærfarger? Verktøyet roterer fargetonen med 180° på HSL-fargehjulet, som er basert på hvordan skjermer blander rødt, grønt og blått lys. Det rødt–gult–blå fargehjulet som læres bort i kunstundervisningen, gir andre komplementære fargepar fordi det blander pigmenter i stedet for lys.

Hvor mange farger produserer hver harmonitype? Komplementær gir totalt 2 farger (inkludert primærfargen). Triadisk gir 3. Analog gir 5. Monokromatisk gir 5.

Hvilken fargemodell bruker verktøyet internt? HSL (fargetone, metning, lyshet). Det konverterer den innskrevne heksadesimalkoden til HSL, utfører beregningene og konverterer deretter resultatet tilbake til heksadesimal.

Kontrollerer verktøyet om fargene er tilgjengelige? Ja. Hver fargeprøve viser om den har tilstrekkelig kontrast mot hvitt og svart til å oppfylle WCAG AA-standarden for normal tekst, som krever et forhold på minst 4,5.

Kan jeg bruke mer enn én harmonitype i et prosjekt? Ja. Mange design kombinerer harmonityper, for eksempel et analogt sett for hovedfargene og én komplementærfarge for en knapp eller utheving.

Fargeformater

Verktøyet skriver hver genererte farge som en sekssifret heksadesimalkode med tegnet # foran (for eksempel #ff0000 for rødt). Heksadesimalkoder tilsvarer direkte røde, grønne og blå verdier fra 0 til 255 hver. Primærfargen vises nøyaktig slik den ble skrevet inn, så en tresifret kortform som #F00 forblir i kort form. Tresifrede koder betyr samme farge som sekssifrede koder: hvert siffer dobles, slik at #F00 er #FF0000. HSL er en alternativ måte å beskrive de samme fargene på, ved hjelp av fargetone, metning og lyshet i stedet for mengden rødt, grønt og blått.