Färgpalettgenerator
Gratis färgpalettgenerator: skapa harmoniska paletter (analoga, komplementära, triadiska med flera), lås färgerna du gillar och exportera som HEX eller CSS.
Även: Färgpalett från bild och pipett · Färgkontrastkontroll
Vad den gör
Den här generatorn skapar färgpaletter för webbplatser, appar, presentationer och design. Välj en harmoni för att bygga färger som passar ihop utifrån en basfärg, eller tryck på mellanslag för slumpmässiga paletter, och lås färgerna du gillar så att bara de andra ändras. Färgerna beräknas i färgrymden OKLCH, som behåller den upplevda ljusheten även när kulören ändras, så att paletterna ser balanserade ut. Kopiera färgerna som HEX, CSS-variabler eller JSON, eller dela paletten med en länk.
Så använder du den
- Välj en harmoni och en basfärg, eller behåll Slumpmässig.
- Tryck på mellanslag eller Generera tills du gillar paletten; lås färgerna du vill behålla.
- Klicka på en färgkod för att kopiera den, eller kopiera hela paletten som HEX, CSS eller JSON.
Vanliga frågor
Vad betyder harmonierna?
Det är klassiska kombinationer från färgcirkeln. Analog använder närliggande kulörer för ett lugnt intryck; komplementär använder motsatta kulörer för stark kontrast; triadisk och tetradisk fördelar tre eller fyra kulörer jämnt; delad komplementär mjukar upp det komplementära paret; monokrom använder en kulör i flera nyanser.
Varför OKLCH och inte HSL?
I HSL ser en gul och en blå färg med samma ljushetsvärde väldigt olika ljusa ut. OKLCH är utformat efter människans perception, så när kulören vrids förblir färgerna lika ljusa. Det är därför den färgrymden har lagts till i CSS.
Kan jag kontrollera om färgerna är läsbara?
Ja: använd kontrastkontrollen för att se om text i en färg på en bakgrund i en annan uppfyller WCAG:s tillgänglighetsnivåer.