Färghjul
Utforska komplementära, analoga, triadiska och tetradiska paletter med vårt gratis färghjul. Justera nyans, mättnad och ljushet och kopiera färger eller CSS-variabler till nästa design.
Basfärg
Klicka i hjulet för att välja basfärg
Skapad palett
CSS-variabler
Kopiera en gång och lägg in i din stilmall
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}Vad är färghjulet?
Ett färghjul visar hur färger förhåller sig till varandra. Readdys gratis färghjul gör en startfärg till en praktisk palett för webbplatser, varumärkesmaterial och digital design.
Så använder du färghjulet
Följ stegen från startfärg till användbar palett och exportera sedan till ditt designflöde.
- Steg 1
Välj basfärg
Klicka i färghjulet eller ange en HEX-kod för en tydlig basfärg.
- Steg 2
Finslipa tonen
Justera mättnad och ljushet för en mjukare, starkare, ljusare eller mer nedtonad färg.
- Steg 3
Prova ett harmoniläge
Växla mellan komplementära, analoga, triadiska och tetradiska paletter för att jämföra färgrelationer.
- Steg 4
Kopiera det du behöver
Kopiera enskilda färger eller CSS-variabler, eller ladda ner paletten till designarbetet.
Användningar för färghjulet
Använd färghjulet i verklig design, från webbvarumärken till presentationsmaterial.
Utforska varumärkesfärger
Testa varumärkesfärger för logotyper, landningssidor och produktgränssnitt i gratis färghjulet.
Färgsystem för webbplatser
Skapa paletter för sidhuvuden, bakgrunder, accenter, knappar och gränssnittstillstånd.
Kampanjmaterial
Välj enhetliga färger till kampanjsidor, annonser, banderoller och lanseringsmaterial.
Presentationsdesign
Skapa bildspelspaletter med tydliga accentfärger och mjukare stödfärger för diagram och sektioner.
Innehållsgrafik
Hitta balanserade färgkombinationer för sociala inlägg, diagram, infografik och redaktionell grafik.
Exportklart resultat
Kopiera HEX-värden, CSS-variabler eller en nedladdad palett när färgerna ska användas.
Varför använda ett gratis färghjul
Med ett gratis färghjul testar du enkelt harmonier, jämför alternativ och exporterar färger utan att sakta ner arbetet.
Förhandsvisning i realtid
Se paletten uppdateras när du flyttar i färghjulet för snabb och tydlig jämförelse.
Flexibla harmonilägen
Utforska komplementära, analoga, triadiska och tetradiska paletter utan att börja om från grunden.
Praktiska färgdata
Använd HEX, RGB, nyans, mättnad och ljushet när designen kräver exakta färgdata.
Kopiera och exportera snabbt
Kopiera färger, spara CSS-variabler eller ladda ner en palettfil från det gratis färghjulet.
Alla verktyg du behöver
för ditt varumärke online
AI-webbplatsbyggare
Bygg sajten med vår AI-webbplatsbyggare. Hantera, marknadsför och utveckla din närvaro på nätet på ditt sätt.
AI-företagsnamnsgenerator
Hitta kreativa företagsnamn och kontrollera direkt om domänen är ledig.GEO-poängkontroll
Analysera hur lätt AI hittar webbplatsen och upptäck förbättringsmöjligheter.AI-visitkortsgenerator
Designa snygga, professionella visitkort för ditt varumärke.E-postsignaturgenerator
Skapa en professionell e-postsignatur som representerar ditt företag.PDF till QR-kodgenerator
Gör PDF-filer till skanningsbara QR-koder för enkel delning.HTML-redigerare
En ren, intuitiv HTML-redigerare med förhandsvisning sida vid sida i realtid.Vanliga frågor
Ett färghjul visar hur färger förhåller sig till varandra. Använd det för balanserade paletter till webbplatser, varumärkesmaterial, presentationer och digitalt innehåll.
Ja. Utforska paletter, ändra färger, kopiera HEX-värden och exportera CSS-variabler med Readdys färghjul helt gratis.
Färghjulet stöder komplementära, delat komplementära, monokromatiska, analoga, triadiska och tetradiska paletter för snabb jämförelse av färgrelationer.
Ja. Skriv eller klistra in en HEX-kod och finslipa sedan resultatet med reglagen för mättnad och ljushet.
Ja. Kopiera HEX-värden eller CSS-variabler till webbplatslayouter, landningssidor, designsystem och frontendprojekt.
Börja med en huvudfärg och testa harmonilägen. Komplementfärger ger kontrast, medan analoga och monokromatiska paletter ofta känns lugnare och mer enhetliga.
Du kan ändra mättnad och ljushet för bättre kontrast. Kontrollera ändå de slutliga text- och bakgrundsfärgerna med ett tillgänglighetsverktyg för kontrast före publicering.
Komplementfärger ligger mittemot varandra i färghjulet och ger stark kontrast. Analoga färger ligger intill varandra och ger oftast en mjukare, mer enhetlig palett.
Ja. Ladda ner paletten som bild eller kopiera CSS-variabler för att använda färgerna direkt i kod.
Färghjulet passar grundare, marknadsförare, designers, kreatörer och användare utan teknisk bakgrund som behöver en praktisk palett för nätvarumärken.