Fargepalettgenerator

Velg en basisfarge og generer harmoniske paletter — komplementær, triadisk, analog, delt-komplementær og monokromatisk.

Slik bruker du verktøyet

Velg en basisfarge med fargevelgeren eller skriv inn en hekskode.
Velg harmonitypen — komplementær, triadisk, analog, delt-komplementær eller monokromatisk.
Klikk «Generer palett» — fargene vises som prøver med hekskoder. Klikk på en prøve for å kopiere koden.

Om dette verktøyet

Fargeharmoni er prinsippet om at visse kombinasjoner av fargetoner ser balanserte ut sammen. Teorien kommer fra fargehjulet: komplementærfarger sitter overfor hverandre (maksimal kontrast), analoge farger sitter ved siden av hverandre (minimal kontrast), og triadiske farger danner en likesidet trekant (balansert kontrast). Delt-komplementær tar de to naboene til komplementet, og monokromatisk varierer lysheten og metningen av en enkelt fargetone.

Denne generatoren arbeider i HSL-fargerommet, der H er fargetonevinkel på hjulet, S er metning og L er lyshet. Harmoniene er geometriske: komplementær legger til 180° til fargetonen, triadisk legger til 120° og 240°, analog legger til og trekker fra 30°. Resultatene er utgangspunkter for et design — reelt palettarbeid justerer metning og lyshet for å balansere visuell vekt, og tester paletten på det faktiske innholdet den skal brukes med.

Klikk på en hvilken som helst prøve for å kopiere hekskoden til utklippstavlen. Alt kjører i nettleseren din og ingenting lagres.

Formelen

Komplementær: H+180°. Triadisk: H+120°, H+240°. Analog: H−30°, H, H+30°. Delt-komplementær: H+150°, H+210°. Monokromatisk: samme H, variert S og L.

Ofte stilte spørsmål

Which harmony should I use?

Komplementær for maksimal kontrast (handlingsknapper, varselstilstander). Analog for et rolig, sammenhengende utseende. Triadisk for en balansert palett med variasjon. Monokromatisk for et design med én enkelt merkefarge.

Kan jeg bruke disse fargene kommersielt?

Farger kan ikke opphavsrettsbeskyttes. Paletten du genererer er din å bruke.

Hvorfor ser fargene annerledes ut på telefonen min?

Fordi skjermer har forskjellige fargegammuter og kalibreringer. Hekskoden er den samme; utseendet avhenger av skjermen.

Sjekker den kontrast for tilgjengelighet?

Ikke direkte — bruk WCAG-kontrastsjekkeren for det. Dette verktøyet genererer harmoniske paletter; kontrastsjekkeren forteller deg om forgrunn og bakgrunn oppfyller tilgjengelighetsstandarder.

paleta de cores gerador de cores cores complementares harmonia design triádica análoga monocromática cor hex HSL identidade visual

Relaterte verktøy

Fargeblander Bland to farger med en andelsglider og les av hele skalaen på 11 trinn mellom dem, i nettleseren din. Generator for lyse og mørke fargenyanser Gjør én farge om til komplette skalaer med lysere nyanser, mørkere nyanser og dempede toner, og eksporter dem som CSS-variabler — i nettleseren din. WCAG-kontrastsjekker Sjekk kontrastforholdet mellom to farger og se om det består WCAG AA og AAA, direkte i nettleseren din. Fargevelger for bilder Last opp et bilde og klikk på en piksel for å få den nøyaktige HEX-, RGB- og HSL-verdien — alt behandles på enheten din. Fargekonverterer Konverter en farge mellom HEX, RGB, HSL, HSV og CMYK med levende toveis synkronisering, i nettleseren din. Image Palette Extractor Last opp et bilde og trekk ut de dominerende fargene — klikk på en fargeprøve for å kopiere hex-koden.

Lange lenker? Forkort dem gratis

Vai.la gjør enhver URL om til en kortlenke med klikkstatistikk, QR Code og din egen biolink.

Forkort en lenke Opprett gratis konto

Vai.la er ikke ansvarlig for hvordan verktøyene brukes, eller for beslutninger tatt på grunnlag av resultatene.