Fargepaletter

Fargepaletter for nettsider (CSS)

Fargepaletter laget for web- og grensesnittdesign. Hver palett har HEX-koder, og du kan også kopiere ferdig CSS-kode. Klikk på en farge for å kopiere den, lagre favorittene dine eller åpne dem i editoren for å finjustere.

Slik velger du farger for en nettside

Et grensesnitt trenger som regel bare en hovedfarge for merkevaren, en aksentfarge for handlinger (knapper, lenker) og en skala av grått for bakgrunner, kanter og tekst. Vær konsekvent: bruk alltid de samme HEX-kodene og legg dem inn som CSS-variabler.

Kopier paletten som CSS

Hvert kort har en knapp som kopierer CSS for alle fem fargene. Lim den inn i stilarket ditt og gi variablene nye navn som passer prosjektet ditt. Du kan også kopiere én enkelt farge ved å klikke på den.

Kontrast og tilgjengelighet

Før du publiserer, sjekk at teksten er lett å lese mot bakgrunnen. Bruk vår kontrastsjekk for å se at du oppfyller WCAG AA eller AAA. Det er viktig både for tilgjengelighet og for SEO.

Vil du lage din egen fra bunnen av? Prøv vår fargepalett-generator, hent en fargepalett fra et bilde eller sjekk fargekontrasten.