Fargehjul
Bruk dette gratis fargehjulet til å utforske komplementære, analoge, triadiske og tetradiske paletter. Juster fargetone, metning og lyshet, og kopier farger eller CSS-variabler til neste design.
Grunnfarge
Klikk på hjulet for å velge en grunnfarge
Generert palett
CSS-variabler
Kopier én gang og lim inn i stilarket
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}Hva er fargehjulet
Fargehjulet er et visuelt verktøy som viser hvordan farger henger sammen. Readdys gratis fargehjul hjelper deg å gjøre én startfarge til en praktisk palett for nettsteder, merkevareressurser og digital design.
Slik bruker du fargehjulet
Følg stegene fra en startfarge til en nyttig palett, og eksporter den til designarbeidet ditt.
- Trinn 1
Velg en grunnfarge
Klikk på fargehjulet eller skriv inn en HEX-kode for å starte med en tydelig grunnfarge.
- Trinn 2
Finpuss tonen
Juster metning og lyshet for å gjøre fargen mykere, sterkere, lysere eller mer dempet.
- Trinn 3
Prøv en harmonimodus
Bytt mellom komplementære, analoge, triadiske og tetradiske paletter for å sammenligne fargeforhold.
- Trinn 4
Kopier det du trenger
Kopier enkeltfarger eller CSS-variabler, eller last ned paletten til designarbeidet.
Bruksområder for fargehjulet
Bruk eksemplene i praktisk designarbeid, fra nettstedets merkevare til presentasjonsressurser.
Utforsk merkevarefarger
Bruk gratis-fargehjulet til å teste merkevarefarger for logoer, landingssider og produktgrensesnitt.
Fargesystemer for nettsteder
Lag paletter for overskrifter, bakgrunner, aksenter, knapper og grensesnitttilstander med fargehjulet.
Kampanjemateriell
Velg helhetlige farger til kampanjesider, annonsegrafikk, bannere og lanseringsmateriell.
Presentasjonsdesign
Lag lysbildepaletter med tydelige fremhevingsfarger og mykere støttetoner for diagrammer og seksjoner.
Innholdsgrafikk
Finn balanserte fargekombinasjoner til sosiale innlegg, diagrammer, infografikk og redaksjonell grafikk.
Resultater klare for eksport
Kopier HEX-verdier, CSS-variabler eller en nedlastet palett når du er klar til å bruke fargene.
Hvorfor bruke et gratis fargehjul
Et gratis fargehjul gjør det enkelt å teste harmoni, sammenligne alternativer og eksportere farger uten å bremse arbeidsflyten.
Forhåndsvisning i sanntid
Se paletten oppdateres når du flytter i fargehjulet, slik at du raskt og tydelig kan sammenligne alternativer.
Fleksible harmonimoduser
Utforsk komplementære, analoge, triadiske og tetradiske paletter uten å bygge fargene på nytt fra bunnen.
Praktiske fargedata
Bruk HEX-, RGB-, fargetone-, metnings- og lyshetsverdier når designen krever nøyaktige fargedata.
Kopier og eksporter raskt
Kopier farger, lagre CSS-variabler eller last ned en palettfil fra dette gratis fargehjulet.
Alle verktøyene du trenger
for å bygge merket på nett
AI-nettstedbygger
Bygg nettstedet med vår AI-nettstedbygger. Styr, markedsfør og utvikle tilstedeværelsen på nett på din måte.
AI-generator for bedriftsnavn
Finn kreative bedriftsnavn og sjekk ledige domener straks.E-postsignaturgenerator
Bygg en profesjonell e-postsignatur som representerer bedriften.PDF til QR-kodegenerator
Gjør PDF-er til skannbare QR-koder for enkel deling.Vanlige spørsmål
Et fargehjul viser hvordan farger henger sammen. Bruk det til å lage balanserte paletter for nettsteder, merkevareressurser, presentasjoner og digitalt innhold.
Ja. Readdys gratis fargehjul lar deg utforske paletter, justere farger, kopiere HEX-verdier og eksportere CSS-variabler uten å betale.
Fargehjulet støtter komplementære, splittkomplementære, monokromatiske, analoge, triadiske og tetradiske paletter, så du raskt kan sammenligne fargeforhold.
Ja. Skriv eller lim inn en HEX-kode i fargevelgeren, og finpuss resultatet med metnings- og lyshetskontrollene.
Ja. Kopier enkeltstående HEX-verdier eller CSS-variabler og bruk dem i nettstedsoppsett, landingssider, designsystemer og frontend-prosjekter.
Start med en kjernefarge og test harmonimodusene i gratis-fargehjulet. Komplementære paletter gir kontrast, mens analoge eller monokromatiske paletter ofte virker roligere og mer helhetlige.
Verktøyet lar deg justere metning og lyshet, noe som kan gi bedre kontrast. Sjekk likevel de endelige tekst- og bakgrunnsfargene med et tilgjengelighetsverktøy for kontrast før publisering.
Komplementære farger ligger overfor hverandre på fargehjulet og gir sterk kontrast. Analoge farger ligger ved siden av hverandre og gir vanligvis en mykere og mer enhetlig palett.
Ja. Last ned paletten som bilde, eller kopier CSS-variablene hvis du vil bruke fargene direkte i kode.
Fargehjulet er nyttig for gründere, markedsførere, designere, skapere og ikke-tekniske brukere som trenger en praktisk palett til merkevaren på nett.