Gå til farvevælgeren

CSS-farvenavne

Alle de navngivne farver i CSS-specifikationen, 148 i alt, grupperet efter farvetone og sorteret fra lys til mørk. Klik på et navn eller en HEX-værdi for at kopiere den.

Røde

Rosenrøde

Rosa

Magenta

  • samme som magenta

  • samme som fuchsia

Lilla

Violette

Indigo

Blå

  • samme som lightslategrey

  • samme som lightslategray

  • samme som slategrey

  • samme som slategray

Himmelblå

Cyan

  • samme som cyan

  • samme som aqua

  • samme som darkslategrey

  • samme som darkslategray

Blågrønne

Smaragdgrønne

Grønne

Limegrønne

Gule

Ravgule

Orange

Brune

Beige

Hvide

Grå

  • samme som lightgrey

  • samme som lightgray

  • samme som darkgrey

  • samme som darkgray

  • samme som grey

  • samme som gray

  • samme som dimgrey

  • samme som dimgray

Sorte

Spørgsmål og svar

Hvor mange navngivne farver har CSS?

CSS Color 4 definerer 148 navngivne farver, fra aliceblue til yellowgreen. Nogle få er synonymer med samme værdi, som gray og grey eller aqua og cyan. Derudover findes nøgleordene transparent og currentcolor, som ikke er faste farver.

Er gray og grey det samme i CSS?

Ja. Alle grå navne findes også med stavemåden grey og nøjagtig samme værdi, for eksempel er både darkgray og darkgrey #a9a9a9. Bemærk, at darkgray er lysere end gray, en særhed arvet fra X11-farvelisten.

Skal jeg bruge farvenavne i CSS i produktion?

Navngivne farver virker i alle browsere, så de er fine til prototyper, demoer og enkeltstående styles. I et produkt bør du hellere bruge dine egne tokens i OKLCH eller HEX: de er nemmere at justere som en skala og at holde ensartede på tværs af temaer.