Praktiska verktygsgenerator
Färgpalettgenerator
Skapa en harmonisk och tillgänglig palett från en basfärg, ett foto eller en slumpmässig idé.
HEX · RGB · HSL · OKLCH · WCAG
Färgpalettstudio
Skapa en harmonisk och tillgänglig palett från en basfärg, ett foto eller en slumpmässig idé.
Din palett
Klicka på en kod för att kopiera. Lås eller ordna om färger innan du skapar igen.
Dra korten eller använd pilarna för att ändra ordning.
Liveförhandsvisning
Ett tydligare visuellt system
Prova paletten på ett realistiskt kort med navigering, text och knapp.
Tillgänglighet och kontrast
Kontrasttabell
Förhandsvisning av färgseende
Ungefärlig förhandsvisning; testa med verkliga användare och förlita dig inte bara på färg.
Övertoningsverktyg
Exportera palett
Välj färgharmoni
Monokromatiska paletter varierar en nyans. Analoga färger ligger nära; komplementära, triadiska och tetradiska lägen använder större nyansavstånd.
Kontrollera tillgängligheten
WCAG-resultat visas även med text. Normal text behöver 4,5:1 för AA och stor text 3:1.
Använd rätt färgformat
HEX och RGB har brett stöd, HSL är enkelt att justera och OKLCH ger mer perceptuellt jämn ljushet och kulörthet.
Vanliga frågor om färgpaletter
Vad är färgharmoni?
Ett upprepningsbart förhållande mellan nyanser, till exempel analogt, komplementärt eller triadiskt.
Hur gör jag paletten tillgänglig?
Kontrollera textens kontrast mot bakgrunden, förlita dig inte bara på färg och testa interaktiva lägen.
Skickas bilden till servern?
Nej. Färgerna hämtas lokalt i webbläsaren och bilden laddas inte upp.
Vilket exportformat ska jag välja?
CSS för webbplatser, SCSS för stilmallar, JSON för appar och PNG som visuell referens.
Katalog för husdjurs-, digitala och webbverktyg
Behöver du ett extra husdjur eller digitalt verktyg?
Bläddra bland samlingen av djur, digitala och webbplatsverktyg för hundålder, kattålder, hundmat, kattmat, djurdosuppskattningar, färgpaletter, datalagring, pixeltäthet och RGB till HEX konvertering.