Generator av färgpaletter
Välj en basfärg och ett schema för att skapa en palett med två eller tre färger. Använd komplementära, analoga, triadiska eller delade komplementära nyanser och kopiera sedan enskilda HEX-koder eller spara listan som text.
Det här kan du göra
Skapa paletter med fyra scheman
Välj komplementära, analoga, triadiska eller delade komplementära nyanser och behåll grundfärgens mättnad och ljusstyrka.
Hämta varje färgkod
Granska färgrutor och HEX-koder, kopiera varje kod eller spara listan i visningsordning som palette.txt.
Använd en kandidat som nästa grund
Välj Använd som grund på en kandidat och generera sedan en ny palett.
Så använder du
Ange grundfärgen
Välj HEX, RGB, HSL, HSV eller CMYK och ange värdena, eller använd färgväljaren.
Välj ett schema
Komplementärt ger två färger. Analogt, triadiskt och delat komplementärt ger tre.
Skapa en palett
Välj Skapa palett för att granska färgrutor och HEX-koder. Om du byter schema efter genereringen uppdateras paletten utifrån den bekräftade grundfärgen.
Hämta koderna
Kopiera enskilda koder, kopiera alla eller spara som TXT. Generera om efter att grundfärgen ändrats.
När det hjälper
Utforska kandidater för accentfärg
Använd en grundfärg från din sida eller design för att jämföra olika nyansrelationer.
Spara palettkoderna i dina anteckningar
Kopiera eller spara HEX-listan i visningsordning för användning i ett designverktyg.
Färgscheman och begränsningar i utdata
Fyra nyansrelationer
Komplementärt använder en nyans 180 grader från grundfärgen. Analogt använder nyanser 30 grader på vardera sidan, triadiskt använder steg om 120 grader och delat komplementärt använder förskjutningar på 150 och 210 grader. Den analoga grundfärgen hamnar i mitten.
Mättnad och ljusstyrka är oförändrade
Paletten flyttar nyansen i HSL och behåller mättnad och ljusstyrka. Resultaten avrundas till 8-bitars RGB och visas som HEX. Akromatiska färger kan ge upprepade HEX-värden; antalet färger och ordningen behålls.
Kontrollera läsbarheten separat
Nyansbaserade paletter garanterar inte textkontrast eller läsbarhet. Använd kontrastkontrollen för varje par av text och bakgrund.
Frågor och svar
Varför kan samma färg förekomma mer än en gång?
Att ändra nyansen kan ge identiska HEX-värden för akromatiska färger. Resultaten justeras inte och dubbletter tas inte bort; antalet färger i schemat och ordningen behålls.
Ändrar kopiering av en färg grunden?
Kopiering ändrar den inte. Använd som grund byter indata till HEX och rensar den tidigare paletten. Välj Skapa palett för att generera igen.
Kan jag spara CSS-variabler eller en bild?
Utdata begränsas till att kopiera HEX-koder och spara palette.txt. CSS-variabler och bildexport finns inte.
Indata och utdata
- Indata
- Grundfärg i HEX, RGB, HSL, HSV eller CMYK, eller en vald färg. Alpha stöds inte.
- Schema
- Komplementärt, analogt, triadiskt eller delat komplementärt.
- Utdata
- Två eller tre HEX-koder. Kopiera dem eller spara dem som palette.txt, en per rad i visningsordning.