Farvenavne

I HTML og CSS kan man bruge farvenavne til at angive farver på elementer eller skifte farve på tekst. Her finder du en liste over farvenavne.

1844 visninger

Edited: 2017-07-11 11:25

I HTML og CSS kan man bruge Farvenavne i stedet for farve-koder som eksempelvis RGB eller HEX koder. Farvenavnene har den fordel, at de kan være nemmere at huske end de forskellige farvekoder, og derfor ideelle hvis man hurtigt skal teste et eller andet.

For at angive baggrundsfarve på et element ved brug af farvenavn kan man angive farven som vist nedenfor:

#header {
  background: blue;
}

Farvenavne

Nedenfor ses en tabel med forskellige farvenavne, sammen med den tilsvarende HEX kode.

Vær opmærksom på mulige forskelle imellem browsere og platforme.

Black: #000000 Green: #008000
Gray: #808080 Lime: #00FF00
Silver: #C0C0C0 Olive: #808000
White: #FFFFFFYellow: #FFFF00
Maroon: #800000 Navy: #000080
Red: #FF0000 Blue: #0000FF
Porple: #800080 Teal: #008080
Fuchsia: #FF00FF Aqua: #00FFFF

Fortæl os hvad du tænker:

  1. HEX koder bliver ofte brugt til at angive farver i HTML og CSS. Her kan du blandt andet læse om teorien bagved hex farver.
  2. HSLA er en variation af HSL, som gør det muligt at lave gennemsigtige farver.
  3. Når man bruger HSL er det nemt at ændre på lys og farvemætningen for en farve. Læs mere i denne artikel.
  4. RGBA kan bruges til at lave gennemsigtige farver i HTML og CSS. Se hvordan i denne artikel.
  5. Når man angiver farver i HTML og CSS, så er RGB normalt mere læselige end HEX koder. Læs om hvordan du bruger RGB i denne vejledning.

Flere i: Web Farver