Så väljer du färger för en webbplats
Ett gränssnitt behöver oftast bara en huvudfärg för varumärket, en accentfärg för handlingar (knappar, länkar) och en skala av grått för bakgrunder, kanter och text. Var konsekvent: använd alltid samma HEX-koder och lägg in dem som CSS-variabler.
Kopiera paletten som CSS
Varje kort har en knapp som kopierar CSS för alla fem färgerna. Klistra in den i din stilmall och byt namn på variablerna så att de passar ditt projekt. Du kan också kopiera en enskild färg genom att klicka på den.
Kontrast och tillgänglighet
Innan du publicerar, kontrollera att texten är lätt att läsa mot sin bakgrund. Använd vår kontrastkontroll för att se att du uppfyller WCAG AA eller AAA. Det är viktigt både för tillgänglighet och för SEO.
Vill du skapa en egen från grunden? Testa vår färgpalett generator, hämta en färgpalett från en bild eller kontrollera färgkontrasten.