Lijst van HTML-kleuren
Hieronder staat eenlijst vankleuren.De kleuren zijn in een aantal kleurgroepen ingedeeld, enkele zijn bij twee kleurgroepen ingedeeld.
Voor representatie op een computerscherm worden de kleuren uit rood, groen en blauw samengesteld. De drie waarden kunnen lopen van 0 tot 255, ofhexadecimaalvan 00 tot FF. Een volledige kleur kan worden aangeduid als bijvoorbeeld [124,252,0], wat overeenkomt met hexadecimaal 7CFC00 (grasgroen). Deze aanduidingen treft men aan intekenprogramma's. Een moderne videokaart kan op deze wijze 16.777.216 verschillende kleuren weergeven.
HTML
bewerkenIn (X)HTMLenCSSkan de hexadecimale waarde worden gebruikt, maar een groot aantal kleuren heeft bovendien een Engelse naam. Hierbij geldt dat, hoewel bijna alle kleurnamen ondersteund worden door de moderne browsers, slechts 16 kleurnamen ondersteund worden door deW3CHTML 4.01-standaard. Dit zijn de acht kleuren die zijn samengesteld uit 0% of 100% van de drie basiskleuren, de zeven kleuren die zijn samengesteld uit 0% of 50%, en zilver:
Kleurgroep | HTML-naam | R | G | B | Nederlandse naam | Complementair |
---|---|---|---|---|---|---|
100% | black | 00 | 00 | 00 | zwart | wit |
100% | red | FF | 00 | 00 | rood | cyaan |
100% | lime | 00 | FF | 00 | limoen | magenta |
100% | blue | 00 | 00 | FF | blauw | geel |
100% | fuchsia[1] | FF | 00 | FF | magenta | limoen |
100% | yellow | FF | FF | 00 | geel | blauw |
100% | aqua[2] | 00 | FF | FF | cyaan | rood |
100% | white | FF | FF | FF | wit | zwart |
75% | silver | C0 | C0 | C0 | zilver | |
50% | maroon | 80 | 00 | 00 | kastanjebruin | |
50% | green | 00 | 80 | 00 | groen | |
50% | navy | 00 | 00 | 80 | marineblauw | |
50% | purple | 80 | 00 | 80 | paars | |
50% | olive | 80 | 80 | 00 | olijfgroen | |
50% | teal | 00 | 80 | 80 | groenblauw | |
50% | gray | 80 | 80 | 80 | grijs | grijs |
Deze namen zijn in onderstaande tabel vet weergegeven. Voor alle andere kleuren dient bij voorkeur de hexadecimale waarde gebruikt te worden.
Overzicht van kleuren die een HTML-naam hebben
bewerkenIn de tabel worden de kleuren getoond in de kolommenHTML-naam.
Kleurgroep | HTML-naam | R | G | B | Nederlandse naam | Complementair |
---|---|---|---|---|---|---|
Rode kleuren | indianred | CD | 5C | 5C | indisch rood | |
Rode kleuren | lightcoral | F0 | 80 | 80 | lichtkoraal | |
Rode kleuren | salmon | FA | 80 | 72 | zalm | |
Rode kleuren | darksalmon | E9 | 96 | 7A | donkerzalm | |
Rode kleuren | orangered | FF | 45 | 00 | oranjerood | |
Rode kleuren | red[3] | FF | 00 | 00 | rood | cyaan |
Rode kleuren | crimson | DC | 14 | 3C | vermiljoen | |
Rode kleuren | firebrick | B2 | 22 | 22 | vuurvaste baksteen | |
Rode kleuren | darkred | 8B | 00 | 00 | donkerrood | |
Roze kleuren | pink | FF | C0 | CB | roze | |
Roze kleuren | lightpink | FF | B6 | C1 | lichtroze | |
Roze kleuren | palevioletred | DB | 70 | 93 | ||
Roze kleuren | hotpink | FF | 69 | B4 | acaciaroze | |
Roze kleuren | deeppink | FF | 14 | 93 | dieproze | |
Roze kleuren | mediumvioletred | C7 | 15 | 85 | middenvioletrood | |
Gele kleuren | lightyellow | FF | FF | E0 | lichtgeel | |
Gele kleuren | lemonchiffon | FF | FA | CD | ||
Gele kleuren | lightgoldenrodyellow | FA | FA | D2 | ||
Gele kleuren | papayawhip | FF | EF | D5 | ||
Gele kleuren | moccasin | FF | E4 | B5 | ||
Gele kleuren | peachpuff | FF | DA | B9 | ||
Gele kleuren | palegoldenrod | EE | E8 | AA | ||
Gele kleuren | khaki | F0 | E6 | 8C | kaki | |
Gele kleuren | yellow[3] | FF | FF | 00 | geel | blauw |
Gele kleuren | gold | FF | D7 | 00 | goud | |
Gele kleuren | darkkhaki | BD | B7 | 6B | donkerkaki | |
Blauwe kleuren | lightcyan | E0 | FF | FF | lichtcyaan | |
Blauwe kleuren | paleturquoise | AF | EE | EE | lichtturkoois | |
Blauwe kleuren | aqua[3][2] | 00 | FF | FF | cyaan | rood |
Blauwe kleuren | aquamarine | 7F | FF | D4 | aquamarijn | |
Blauwe kleuren | turquoise | 40 | E0 | D0 | turkoois | |
Blauwe kleuren | mediumturquoise | 48 | D1 | CC | ||
Blauwe kleuren | darkturquoise | 00 | CE | D1 | donkerturkoois | |
Blauwe kleuren | powderblue | B0 | E0 | E6 | ||
Blauwe kleuren | lightsteelblue | B0 | C4 | DE | lichtstaalblauw | |
Blauwe kleuren | lightblue | AD | D8 | E6 | lichtblauw | |
Blauwe kleuren | skyblue | 87 | CE | EB | hemelsblauw | |
Blauwe kleuren | lightskyblue | 87 | CE | FA | lichthemelsblauw | |
Blauwe kleuren | deepskyblue | 00 | BF | FF | diephemelsblauw | |
Blauwe kleuren | cornflowerblue | 64 | 95 | ED | korenbloemblauw | |
Blauwe kleuren | steelblue | 46 | 82 | B4 | staalblauw | |
Blauwe kleuren | cadetblue | 5F | 9E | A0 | ||
Blauwe kleuren | mediumslateblue | 7B | 68 | EE | ||
Blauwe kleuren | dodgerblue | 1E | 90 | FF | ||
Blauwe kleuren | royalblue | 41 | 69 | E1 | koningsblauw | |
Blauwe kleuren | blue[3] | 00 | 00 | FF | blauw | geel |
Blauwe kleuren | mediumblue | 00 | 00 | CD | middenblauw | |
Blauwe kleuren | darkblue | 00 | 00 | 8B | donkerblauw | |
Blauwe kleuren | navy[3] | 00 | 00 | 80 | marine | |
Blauwe kleuren | midnightblue | 19 | 19 | 70 | nachtblauw | |
Oranje kleuren | lightsalmon | FF | A0 | 7A | lichtzalm | |
Oranje kleuren | orange | FF | A5 | 00 | oranje | |
Oranje kleuren | darkorange | FF | 8C | 00 | donkeroranje | |
Oranje kleuren | coral | FF | 7F | 50 | koraal | |
Oranje kleuren | tomato | FF | 63 | 47 | tomaat | |
Oranje kleuren | orangered | FF | 45 | 00 | oranjerood | |
Groene kleuren | greenyellow | AD | FF | 2F | groengeel | |
Groene kleuren | chartreuse | 7F | FF | 00 | ||
Groene kleuren | lawngreen | 7C | FC | 00 | grasgroen | |
Groene kleuren | lime[3] | 00 | FF | 00 | limoen | magenta |
Groene kleuren | palegreen | 98 | FB | 98 | bleekgroen | |
Groene kleuren | lightgreen | 90 | EE | 90 | lichtgroen | |
Groene kleuren | mediumspringgreen | 00 | FA | 9A | midlentegroen | |
Groene kleuren | springgreen | 00 | FF | 7F | lentegroen | |
Groene kleuren | yellowgreen | 9A | CD | 32 | geelgroen | |
Groene kleuren | limegreen | 32 | CD | 32 | limoengroen | |
Groene kleuren | mediumseagreen | 3C | B3 | 71 | ||
Groene kleuren | seagreen | 2E | 8B | 57 | zeegroen | |
Groene kleuren | forestgreen | 22 | 8B | 22 | bosgroen | |
Groene kleuren | green[3] | 00 | 80 | 00 | groen | |
Groene kleuren | olivedrab | 6B | 8E | 23 | ||
Groene kleuren | olive[3] | 80 | 80 | 00 | olijfgroen | |
Groene kleuren | darkolivegreen | 55 | 6B | 2F | donkerolijfgroen | |
Groene kleuren | darkgreen | 00 | 64 | 00 | donkergroen | |
Groene kleuren | aquamarine | 7F | FF | D4 | aquamarijn | |
Groene kleuren | mediumaquamarine | 66 | CD | AA | ||
Groene kleuren | darkseagreen | 8F | BC | 8F | donkerzeegroen | |
Groene kleuren | lightseagreen | 20 | B2 | AA | lichtzeegroen | |
Groene kleuren | darkcyan | 00 | 8B | 8B | donkercyaan | |
Groene kleuren | teal[3] | 00 | 80 | 80 | groenblauw | |
Paarse kleuren | lavender | E6 | E6 | FA | lavendel | |
Paarse kleuren | thistle | D8 | BF | D8 | distel | |
Paarse kleuren | plum | DD | A0 | DD | pruim | |
Paarse kleuren | violet | EE | 82 | EE | violet | |
Paarse kleuren | fuchsia[3][1] | FF | 00 | FF | fuchsia (magenta) | limoen |
Paarse kleuren | orchid | DA | 70 | D6 | orchidee | |
Paarse kleuren | mediumorchid | BA | 55 | D3 | ||
Paarse kleuren | mediumpurple | 93 | 70 | DB | ||
Paarse kleuren | slateblue | 6A | 5A | CD | leiblauw | |
Paarse kleuren | blueviolet | 8A | 2B | E2 | blauwviolet | |
Paarse kleuren | darkviolet | 94 | 00 | D3 | donkerviolet | |
Paarse kleuren | darkorchid | 99 | 32 | CC | ||
Paarse kleuren | rebeccapurple | 66 | 33 | 99 | ||
Paarse kleuren | darkmagenta | 8B | 00 | 8B | donkermagenta | |
Paarse kleuren | purple[3] | 80 | 00 | 80 | purper | |
Paarse kleuren | darkslateblue | 48 | 3D | 8B | donkerleiblauw | |
Paarse kleuren | indigo | 4B | 00 | 82 | indigo | |
Bruine kleuren | cornsilk | FF | F8 | DC | ||
Bruine kleuren | blanchedalmond | FF | EB | CD | ||
Bruine kleuren | bisque | FF | E4 | C4 | ||
Bruine kleuren | navajowhite | FF | DE | AD | ||
Bruine kleuren | wheat | F5 | DE | B3 | tarwe | |
Bruine kleuren | burlywood | DE | B8 | 87 | ||
Bruine kleuren | tan | D2 | B4 | 8C | ||
Bruine kleuren | rosybrown | BC | 8F | 8F | ||
Bruine kleuren | sandybrown | F4 | A4 | 60 | zandbruin | |
Bruine kleuren | goldenrod | DA | A5 | 20 | ||
Bruine kleuren | darkgoldenrod | B8 | 86 | 0B | ||
Bruine kleuren | peru | CD | 85 | 3F | ||
Bruine kleuren | chocolate | D2 | 69 | 1E | chocoladebruin | |
Bruine kleuren | saddlebrown | 8B | 45 | 13 | ||
Bruine kleuren | sienna | A0 | 52 | 2D | sienna | |
Bruine kleuren | brown | A5 | 2A | 2A | bruin | |
Bruine kleuren | maroon[3] | 80 | 00 | 00 | kastanjebruin | |
Witte kleuren | white[3] | FF | FF | FF | wit | zwart |
Witte kleuren | snow | FF | FA | FA | sneeuwwit | |
Witte kleuren | honeydew | F0 | FF | F0 | ||
Witte kleuren | mintcream | F5 | FF | FA | mint | |
Witte kleuren | azure | F0 | FF | FF | ultramarijn | |
Witte kleuren | aliceblue | F0 | F8 | FF | ||
Witte kleuren | ghostwhite | F8 | F8 | FF | ||
Witte kleuren | whitesmoke | F5 | F5 | F5 | rookwit | |
Witte kleuren | seashell | FF | F5 | EE | schelp | |
Witte kleuren | beige | F5 | F5 | DC | beige | |
Witte kleuren | oldlace | FD | F5 | E6 | kant | |
Witte kleuren | floralwhite | FF | FA | F0 | fluweelwit | |
Witte kleuren | ivory | FF | FF | F0 | ivoor | |
Witte kleuren | antiquewhite | FA | EB | D7 | ||
Witte kleuren | linen | FA | F0 | E6 | linnen | |
Witte kleuren | lavenderblush | FF | F0 | F5 | ||
Witte kleuren | mistyrose | FF | E4 | E1 | ||
Grijze kleuren | gainsboro | DC | DC | DC | ||
Grijze kleuren | lightgray[4] | D3 | D3 | D3 | lichtgrijs | |
Grijze kleuren | silver[3] | C0 | C0 | C0 | zilver | |
Grijze kleuren | darkgray[4] | A9 | A9 | A9 | donkergrijs | |
Grijze kleuren | gray[3][4] | 80 | 80 | 80 | grijs | grijs |
Grijze kleuren | dimgray[4] | 69 | 69 | 69 | ||
Grijze kleuren | lightslategray[4] | 77 | 88 | 99 | lichtleigrijs | |
Grijze kleuren | slategray[4] | 70 | 80 | 90 | leigrijs | |
Grijze kleuren | darkslategray[4] | 2F | 4F | 4F | donkerleigrijs | |
Grijze kleuren | black[3][5] | 00 | 00 | 00 | zwart | wit |
transparent[6] | Geen RGB-code | transparant |
Noten
bewerken- ↑abAlternatieve Engelse naam: magenta, niet ondersteund door W3C HTML 4.01
- ↑abAlternatieve Engelse naam: cyan, niet ondersteund door W3C HTML 4.01
- ↑abcdefghijklmnopOndersteund door de W3C HTML 4.01-standaard
- ↑abcdefgDe Britse spelling grey is ook toegestaan
- ↑Er zijn diverse nuances in zwart, zoals blauwzwart en lampenzwart. Deze kleuren zijn echter te genuanceerd om op een computerscherm te laten zien.
- ↑Tekst in deze "kleur" is op elke achtergrond onzichtbaar.