Fargehjul — Online fargevelgerhjul og komplementære farger
Bruk denne interaktive fargehjul til velg en farge, finne komplementære farger, og utforske analogt, triadisk, tetradisk, og delt-komplementær ordninger. Det er en rask måte å matche en farge, teste kontrastfarger og generere fargekombinasjoner som passer godt sammen.
Funksjoner
- Interaktiv fargevelgerhjul (HSV) med jevn draging og presise innganger (HEX/RGB/HSL).
- Øyeblikkelig komplementær fargegenerator pluss analoge, triadiske, split-komplementære, tetradiske og monokromatiske alternativer.
- WCAG kontrast hint for lesbar UI tekst og knapper ved hjelp av kontrasterende farger.
- Palett eksport til Png, Svg, eller CSS-variabler for rask overlevering.
- Responsive canvas som holder full fargesirkel synlig på hver skjerm.
Søknader
Merkevarebygging og brukergrensesnitt: Bygg harmoniske paletter som stemmer overens med din merkevarepersonlighet. Bruk komplementært fargehjul å lage effektfulle CTAer, eller en triadisk farge skjema for balanserte navigasjons- og kartfarger.
Illustrasjon og klær: Utforske analoge ordninger for gradienter som føles naturlige. Når du trenger farger som passer godt sammen til plagg, hjelper verktøyet finne komplementære farger som dukker opp («komplementærfarger i passform»).
Interiør og maling: Oversett RGB fargehjul til en maling fargehjul tankesett; start med ankerskjermen og test motsatte farger eller dempet tertiære farger for balanse.
Dvs dato: Velg paletter med nok kontrast for diagrammer; en delt-komplementær sett unngår ofte forvirring samtidig som variasjonen bevares.
Hvordan det fungerer
- Velg en farge: dra på hjulet eller skriv inn HEX/RGB/HSL.
- Velg et opplegg: komplementær, analog, triadisk, delt-komplementær, tetradisk eller monokromatisk.
- Avgrens verdi: juster lysstyrke (verdi) for å kontrollere lys/mørke.
- Sjekk kontrasten: sikre at tekst møter WCAG på lys/mørk bakgrunn.
- Eksport: last ned PNG/SVG eller kopier CSS-variabler for utviklingsoverlevering.
Tips: Når du trenger en rask fargekombinasjonsgenerator, start med Single → Complementary → Triadic for å sammenligne humør og lesbarhet.
FAQ
Hva er fargehjulet i fargeteori?
De fargeteorihjul arrangerer fargetoner i en sirkel slik at du kan se forhold som komplementære (motsetninger), analoge (naboer) og triadiske (jevnt fordelt). Det er grunnlaget for farge harmoni og velge farger som passer sammen.
Hvordan finner jeg komplementære farger?
Velg en grunnfarge; sin komplementær farge sitter rett overfor på hjulet. Bruk appens «komplementære»-skjema for å generere paret umiddelbart og evaluere kontrasten.
Hva er primær-, sekundær- og tertiærfarger?
Primærfarger er grunnfarger; å blande dem gir sekundære farger, og å blande en primær med en nærliggende sekundær gir tertiære farger, og danner et klassisk hjul med 12 farger.
RGB-fargehjul kontra malingsfargesirkel?
De RGB fargehjul modeller tilsetningslys for skjermer; tradisjonelle RYB malingshjul er subtraktive. Komplementparene varierer litt mellom modellene.
Hva er regnbuefargene i rekkefølge?
Rød, oransje, gul, grønn, blå, indigo, fiolett – nyttig når du bygger en fargespekterhjul eller undervisning i grunnleggende fargeteori.
Hvilke farger passer godt sammen for UI?
Prøve analogt for jevn harmoni, triadisk for balansert kontrast, eller komplementære for sterk vekt (knapper, varsler). Sjekk alltid kontrastforhold.
Ordliste (fargeteori)
Komplementærfarger: motsatte nyanser på hjulet som maksimerer kontrasten (f.eks. blå ↔ oransje).
Analog: nærliggende fargetoner som skaper milde gradienter og visuell sammenheng.
Triadisk: tre nyanser med en avstand på 120° fra hverandre; levende, men balansert.
tetradisk: to komplementære par; rik, men krever nøye balanse.
Primær/sekundær/tertiær: basisfarger, deres blandinger og de mellomliggende trinnene i et 12-fargers hjul.
Farge/metning/verdi (HSV): vinkel på hjulet, fargeintensitet og lysstyrke.
Tilgjengelighet og kontrast
Bruk kontrasttipsene for å sikre lesbar tekst. For normal tekst, sikte på et forhold på ≥ 4,5:1; for stor tekst, ≥ 3:1. Når du er i tvil, velg en lysere bakgrunn og en mørkere komplementærfarge, eller øk lysstyrken/verdien for bedre lesbarhet.
