Färger för webb och appar

Hav

Förstahandsval för att visa call-to-action och viktig interaktion, till exempel länkar och knappar.

HEX #307C8E

Skånegul

Förstahandsval för att betona mindre grafiska element, till exempel en avskiljare.

HEX #FDD32F

Jord

Används för att variera mindre grafiska element. Bör inte användas för interaktiva komponenter. 

HEX #5F5236

Vit

Förstahandsval för bakgrund och header. Kan också användas för text, ikoner och länkar om bakgrunden är mörk.

HEX #FFFFFF

Svart

Förstahandsval för brödtext, ingress och rubriker. Kan också användas för vissa ikoner eller grafiska element.

HEX #000000

Färgkontraster och lagkrav för tillgänglighet

Varje enskild tillämpning måste kontrolleras så att kontrastvärdet är:

• Minst 4.5 för normal text.
• Minst 3.0 för stor text (>18px).
• Minst 3.0 för ikoner.
  
  
• Använd tillräcklig kontrast mellan text och bakgrund (digg.se)
• Använd tillräckliga kontraster i komponenter och grafik (digg.se)

Testverktyg

Verktyget Color.review kan användas för att testa kontraster.

Color.review (color.review)