Färgpalettgenerator
Skapa en skala av toner och nyanser plus komplement-, analoga och triadiska färger från en basfärg.
Relaterade verktyg
Så använder du Färgpalett
- 01
Välj en basfärg eller skriv ett hex-värde.
- 02
Bläddra bland skalan från ljus till mörk och harmonifärgerna.
- 03
Klicka på valfri färgruta för att kopiera dess hex-kod.
Vad den här generatorn gör
Den här färgpalettgeneratorn förvandlar en enda basfärg till en fullständig ljus-till-mörk-skala plus komplementära, analoga och triadiska harmonier, med varje färgruta kopierbar som en hex-kod med ett klick.
Allt beräknas i din webbläsare utifrån den färg du anger, så ingenting laddas upp.
Hur toning- och nyansskalan byggs
Toning- och nyansskalan behåller basfärgtonen och mättnaden och sprider ljusheten från ljust till mörkt, vilket ger en konsekvent uppsättning steg. Det här är precis den sortens skala ett designsystem använder för bakgrunder, kanter, text och tillstånd.
Komplementära, analoga och triadiska harmonier
Harmonierna kommer från färgteori, baserade på att rotera färgtonen runt färghjulet. Komplementär är den motsatta färgtonen för stark kontrast, analog är de närliggande färgtonerna för ett lugnt, sammanhängande utseende, och triadisk är tre jämnt fördelade färgtoner för en balanserad, livfull uppsättning.
Bygga en palett från en varumärkesfärg
Tillsammans ger dessa dig en praktisk startpalett från en varumärkesfärg: en skala för dina neutraler och nyanser, och harmonier för accenter och höjdpunkter, utan att gissa hex-koder för hand.
Ange en basfärg med färgväljaren eller med hex, och paletten uppdateras direkt så att du kan utforska variationer snabbt.
Vanliga frågor
Hur byggs skalan?
Den behåller basfärgtonen och mättnaden och sprider ljusheten från ljus till mörk, vilket ger en konsekvent uppsättning toner och nyanser, liknande en färgskala i ett designsystem.
Vad är komplement-, analoga och triadiska färger?
De är färgharmoniförhållanden baserade på att rotera färgtonen: komplement är motsatt, analog är näraliggande, och triadisk är jämnt fördelad runt färghjulet.
Laddas något upp?
Nej. Paletten beräknas helt i din webbläsare från färgen du anger.