Farvehjul — Online farvevælgerhjul og komplementære farver
Brug denne interaktive farvehjul til vælg en farve, finde komplementære farver, og udforske analogt, triadisk, tetradisk, og split-komplementær ordninger. Det er en hurtig måde at matche en farve, teste kontrastfarver og skabe farvekombinationer, der passer godt sammen.
Funktioner
- Interaktiv farvevælgerhjul (HSV) med jævn træk og præcise input (HEX/RGB/HSL).
- Øjeblikkelig komplementær farvegenerator plus analoge, triadiske, split-komplementære, tetradiske og monokromatiske muligheder.
- WCAG kontrasttip til læsbar UI-tekst og knapper ved hjælp af kontrasterende farver.
- Palet eksport til PNG, Svg, eller CSS variabler for hurtig aflevering.
- Responsivt lærred, der holder fuld farve cirkel synlig på hver skærm.
Ansøgninger
Branding og brugergrænseflade: Byg harmoniske paletter, der stemmer overens med dit brands personlighed. Brug komplementært farvehjul til at oprette CTA'er med stor effekt, eller en triadisk farve skema for afbalanceret navigation og kortfarver.
Illustration og beklædning: Udforske analoge ordninger for gradienter, der føles naturlige. Når du har brug for farver, der passer godt sammen til tøj, hjælper værktøjet finde komplementære farver der springer i et look ("komplementærfarver i pasform").
Interiør og maling: Oversæt RGB farvehjul til en maling farvehjul tankegang; start med din ankerskærm og test modsatte farver eller dæmpet tertiære farver for balance.
Nemlig dato: Vælg paletter med tilstrækkelig kontrast til diagrammer; -en split-komplementær sæt undgår ofte forvirring, samtidig med at variationen bevares.
Hvordan det fungerer
- Vælg en farve: træk på hjulet eller indtast HEX/RGB/HSL.
- Vælg et skema: komplementær, analog, triadisk, split-komplementær, tetradisk eller monokromatisk.
- Forfin værdi: juster lysstyrke (værdi) for at kontrollere lys/mørke.
- Tjek kontrast: sikre, at tekst opfylder WCAG på lys/mørke baggrunde.
- Eksportere: download PNG/SVG eller kopier CSS-variabler til dev-hand-off.
Tip: Når du har brug for en hurtig farvekombinationsgenerator, start med Single → Komplementær → Triadisk for at sammenligne humør og læsbarhed.
FAQ
Hvad er farvehjulet i farveteori?
De farveteorihjul arrangerer nuancer i en cirkel, så du kan se relationer som komplementære (modsatte), analoge (naboer) og triadiske (jævnt fordelte). Det er grundlaget for farve harmoni og vælge farver, der passer sammen.
Hvordan finder jeg komplementære farver?
Vælg en basisnuance; dens komplementær farve sidder lige overfor på hjulet. Brug appens "Supplerende" skema til at generere parret øjeblikkeligt og evaluere kontrast.
Hvad er primære, sekundære og tertiære farver?
Primære nuancer er basisfarver; blanding af dem giver sekundære farver, og blanding af en primær med en tilstødende sekundær skaber tertiære farver, der danner et klassisk 12-farvet hjul.
RGB farvehjul vs maling farve cirkel?
De RGB farvehjul modeller tilsat lys til skærme; traditionelle RYB malerhjul er subtraktive. Komplementpar adskiller sig lidt mellem modellerne.
Hvad er regnbuens farver i rækkefølge?
Rød, Orange, Gul, Grøn, Blå, Indigo, Violet – nyttigt, når du bygger en farvespektrum hjul eller undervisning i farveteori grundlæggende.
Hvilke farver passer godt sammen til UI?
Prøve analogt for jævn harmoni, triadisk for afbalanceret kontrast, eller komplementære for stærk betoning (knapper, advarsler). Kontroller altid kontrastforhold.
Ordliste (farveteori)
Komplementære farver: modsatte nuancer på hjulet, der maksimerer kontrasten (f.eks. blå ↔ orange).
Analog: tilstødende nuancer, der skaber blide gradienter og visuel sammenhæng.
Triadisk: tre nuancer med en afstand på 120° fra hinanden; levende og alligevel afbalanceret.
tetradisk: to komplementære par; rig, men kræver omhyggelig balance.
Primær/sekundær/tertiær: basisnuancer, deres blandinger og de mellemliggende trin i et 12-farvet hjul.
Farve/mætning/værdi (HSV): vinkel på hjulet, farveintensitet og lysstyrke.
Tilgængelighed og kontrast
Brug kontrasttipene for at sikre læsbar tekst. For normal tekst skal du sigte efter et forhold på ≥ 4,5:1; til stor tekst, ≥ 3:1. Når du er i tvivl, så vælg en lysere baggrund og en mørkere komplementærfarve, eller øg lysstyrken/værdien for bedre læsbarhed.