Ved at bruge denne side acceptere du samtidig Brugbarts og vores partneres brug af cookies.

Læs mere

HEX Farver

En Reference til hvordan man bruger HEX Farvekoder i HTML og CSS.

Redigeret: 2016-01-14 04:36

Der er mange måder at angive farver på i web-design, HEX farver angives som en mere eller mindre ulæselig kode - men kender man teorien bag, er det ikke så svært at gætte sig til nogle farver.

En forklaring på HEX Farver

Decimals Hexdecimaler
0 0
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
10 A
11 B
12 C
13 D
14 E
15 F

Lad os tage RGB(20, 0, 0) som eksempel - hvis vi konvertere det til HEX får vi #140000, det skyldes at 16 er grundtal.

Eks. 16*1+4

Efter 9 bliver der brugt bogstaver, så #001E00 er ligt med 16+14, eller en grøn værdi af 30.

Eks. RGB(0, 30, 0);

Hvis du skal bruge en værdi under 16, skal du sætte "0" foran.

Eks. 15 bliver til 0F, og 9 bliver til 09. (I HEX)

Hvordan man bruger HEX Farver

Nedenfor vises et CSS Eksempel, som giver alle h1 elementer på siden en grøn farve, ved hjælp af en HEX farvekode.

<!DOCTYPE html>
<html lang="da">

  <head>
    <title>HEX Farver i CSS</title>
    <style type="text/css">
    h1 {
     color: #00FF00;
    }
    </style>
  </head>

  <body>
    <h1>HEX Farver</h1>
    <p>Sådan skifter du farve ved hjælp af HEX koder i CSS..</p>
  </body>

</html>

Se også

  1. Farver i HTML og CSS