Bygg harmoniska färgpaletter från ett interaktivt färghjul — tillämpa harmoniregler som analog, komplementär eller triad, kopiera sedan vilket värde som helst direkt.

Ljusstyrka 100%
Harmoniregel
Aktiv färg
HEX
RGB
HSL
Palett

Välj en harmoniregel och en basfärg, dra sedan hjulmarkörerna för att finjustera. Klicka på en ruta för att kopiera den, eller ange den som ny basfärg.


Om Färgpalettgenerator

Färgpalettgeneratorn bygger harmoniska färgscheman från ett interaktivt färghjul. Välj en basfärg, en harmoniregel — analog, monokromatisk, triad, komplementär, delad komplementär, kvadrat, nyanser eller helt anpassad — så beräknar verktyget en matchande palett direkt, med draggbara markörer på hjulet för finjustering.

Varje kulör visar sina HEX-, RGB-, HSL- och HSB-värden, och vilken färg som helst i paletten kan med ett klick göras till ny basfärg. Ett ljusstyrkereglage gör hela schemat ljusare eller mörkare medan nyansförhållandena förblir låsta, vilket gör det mycket snabbt att utforska variationer av ett schema.

Allt beräknas i realtid i din webbläsare med hjälp av färgteorimatematik på HSV-hjulet — inga uppladdningar och ingen serverkommunikation krävs. När paletten ser rätt ut kan du kopiera enskilda värden, alla färger på en gång, färdiga CSS-variabler eller en JSON-export.

Så använder du Färgpalettgenerator

  1. Välj en basfärg med väljaren, skriv in ett värde eller klicka på "Slumpmässig".
  2. Välj en harmoniregel, till exempel analog, komplementär, triad eller kvadrat.
  3. Dra markörerna på hjulet och justera ljusstyrkereglaget för att finjustera schemat.
  4. Klicka på en kulör för att kopiera den, eller ange den som ny basfärg för att fortsätta iterera.
  5. Exportera paletten med "Kopiera alla", "Kopiera CSS-variabler" eller "Kopiera JSON".

Vanliga frågor

Ja, den är helt gratis. Palettberäkningen körs helt i din webbläsare, så det finns inga krediter, konton eller användningsgränser inblandade.

Varje regel placerar de andra palettfärgerna vid fasta vinklar runt färghjulet relativt din basfärg: komplementär ligger mitt emot (180°), triad placerar färger 120° isär, analog håller grannfärgerna nära varandra, delad komplementär flankerar den motsatta nyansen, och kvadrat placerar fyra nyanser 90° isär.

Analoga eller monokromatiska scheman är säkrast för gränssnitt eftersom de känns lugna och sammanhängande. Använd komplementär eller delad komplementär när du behöver en stark accentfärg för knappar och call-to-actions mot en dominerande basnyans.

Ja. Växla till regeln Anpassad och dra varje markör oberoende på hjulet, eller starta från valfri harmoniregel och dra markörerna för att justera — verktyget håller paletten uppdaterad medan du flyttar dem.

Varje kulör visar HEX-, RGB-, HSL- och HSB-värden, alla kopierbara individuellt. Du kan även kopiera hela paletten som vanliga värden, som CSS-anpassade egenskaper redo för en stilmall, eller som JSON för att lämna över till kod- eller designverktyg.


Populära sökningar
färgpalettgenerator färghjul färgharmonigenerator komplementfärger analogt färgschema gratis palettgenerator
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.