Fargeskyggegenerator
Generer lyse og mørke nyanser av en hvilken som helst farge for designsystemer og UI-paletter. Utdata som HEX, RGB eller HSL. Gratis, 100% i nettleseren.
Referanse
Hva er nyanser og skygger?
I fargeteori er en nyanse (tint) en farge blandet med hvitt (gjør den lysere), og en skygge (shade) er en farge blandet med svart (gjør den mørkere). Sammen danner de en monokromatisk palett — variasjoner av en enkelt fargetone ved ulike lysnivåer. Dette verktøyet genererer en komplett skala fra hvitt gjennom grunnfargen til svart, og gir deg en klar-til-bruk fargerampe for design og utvikling.
Bruksområder for fargeskygger
Designsystemer — generer en 9-trinns eller 11-trinns skyggeskala for en merkefarge, etter mønsteret brukt av Tailwind CSS (50–950), Material Design og de fleste moderne designsystemer. UI-komponenttilstander — bruk lysere nyanser for bakgrunner og hover-tilstander, grunnfargen for primærhandlinger, og mørkere skygger for tekst, kantlinjer og aktive tilstander. Datavisualisering — lag sekvensielle lys-til-mørk fargeskalaer for koropletkart, varmekart og diagrammer der intensitet representerer størrelse. Tilgjengelighet — finn skyggepar som oppfyller WCAG-kontrastforhold (4,5:1 for normal tekst, 3:1 for stor tekst).
Hvordan genereres skyggene
Skygger genereres ved lineær interpolasjon i RGB-fargerommet fra hvitt (#FFFFFF) gjennom grunnfargen til svart (#000000). For N skygger plasseres grunnfargen ved midtpunktet av skalaen. Hvert trinn blander jevnt, noe som gir konsistent lysprogresjon. Utdata er tilgjengelig i HEX-, RGB- og HSL-formater — kopier individuelle verdier eller hele paletten på én gang.
Personvern
All fargegenerering kjøres 100% i nettleseren. Ingen data sendes til noen server.