Hvorfor bruge en farvepalettegenerator?
At vælge harmoniske farver kræver viden om farvelære. Vores generator bruger HSL-matematik til automatisk at beregne harmoniske paletter fra enhver basisfarve, hvilket giver designere og udviklere mulighed for at skabe professionelle farveskemaer på sekunder.
6 harmonitilstande
Komplementær, triadisk, analog, delt komplementær, tetradisk, monokromatiske nuancer
Farveprøveforvisning
Klik på en farveprøve for at kopiere hex-koden direkte til udklipsholderen
Eksportér CSS-variabler
Eksportér hele paletten som brugerdefinerede CSS-egenskaber — indsæt bare i dit stylesheet
Skab en palette i 3 trin
Vælg basisfarven
Brug farvevælgeren eller indtast en hex-kode for at indstille din mærke- eller startfarve
Vælg harmonitypen
Vælg komplementær, triadisk, analog eller anden harmoni der passer til dit design
Kopiér og brug
Klik på en farveprøve for at kopiere hex-koden, eller kopiér hele paletten med 'Kopiér som CSS-variabler'
Anvendelsesområder for farvepaletter
Webdesign
Skab et komplet farvesystem til et websted baseret på din mærkes primærfarve
Brandidentitet
Udvikl en professionel brandpalette med primær-, sekundær- og accentfarver
UI/UX-design
Skab tilgængelige, visuelt konsekvente farver til appens knapper, tekst og baggrunde
Datavisualisering
Generér distinkte kategorifarver til diagrammer, tabeller og analysedashboards
Bedste praksis for farvedesign
✓ Verificér farvekontrast (WCAG)
Kontrollér at tekst/baggrunds-par opfylder WCAG AA-kontrastratioen (4,5:1 for normal tekst).
✓ Begræns paletten
Hold dig til 3-5 farver: 1 primær, 1 sekundær, 1-2 accent, neutrale. For mange farver skaber visuelt støj.
✓ Tag hensyn til farvepsykologi
Blå=tillid/professionalisme, grøn=vækst/succes, rød=hastende/energi, gul=optimisme.
✓ Test i mørk tilstand
Justér lyshedsværdier for at skabe mørk tilstand-varianter. Et rent sort (#000) eller hvidt (#fff) er ofte ikke ideelt.