Lijst van HTML-kleuren
Hieronder staat een lijst van kleuren. 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, of hexadecimaal van 00 tot FF. Een volledige kleur kan worden aangeduid als bijvoorbeeld [124,252,0], wat overeenkomt met hexadecimaal 7CFC00, dat is grasgroen. Deze aanduidingen treft men aan in tekenprogramma's. Een moderne videokaart kan op deze wijze 16.777.216 verschillende kleuren weergeven.
De complementaire kleur van een gegeven kleur is de kleur die daar in de kleurencirkel tegenover staat. Bij de in de beide tabellen gegeven kleuren wordt ook de complementaire kleur gegeven.
HTML
[bewerken | brontekst bewerken]In HTML, XHTML en CSS kan de hexadecimale waarde worden gebruikt, maar een groot aantal kleuren heeft bovendien een Engelse naam. Hierbij geldt dat, hoewel bijna alle kleurnamen door de moderne browsers worden ondersteund, maar 16 kleurnamen door de W3C HTML 4.01-standaard worden ondersteund. 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 te worden gebruikt.
Kleuren met een HTML-naam
[bewerken | brontekst bewerken]In de tabel worden de kleuren getoond in de kolommen HTML-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 | diep hemelsblauw | |
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 of 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 |
- ↑ a b alternatieve Engelse naam: magenta, niet ondersteund door W3C HTML 4.01
- ↑ a b alternatieve Engelse naam: cyan, niet ondersteund door W3C HTML 4.01
- ↑ a b c d e f g h i j k l m n o p ondersteund door de W3C HTML 4.01-standaard
- ↑ a b c d e f g De Britse spelling grey is ook toegestaan.
- ↑ Er zijn verschillen in het zwart, zoals blauwzwart en lampenzwart, maar die zijn te genuanceerd om op een computerscherm te laten zien.
- ↑ Tekst in deze kleur is op elke achtergrond onzichtbaar.