XHTML5.NLHet overzicht hieronder toont alle in CSS, SVG, HTML en XHTML beschikbare kleurnamen.
Uiteraard zijn dit niet alle mogelijke kleuren en kun je ook zelf nieuwe kleuren maken met onder andere de hexadicemale notatie.
De ondersteuningsinformatie heeft betrekking op de namen. Equivalente hexadicemale notaties mogen (indien beschikbaar) altijd gebruikt worden en werken altijd.
Behalve in SVG Tiny zijn deze namen hoofdletterongevoelig. In dit overzicht worden de overige kleuren met dezelfde hoofletters en kleine letters geschreven als in de CSS3-specificatie.
- CSS 1+
- SVG 1.0+
- HTML 3.2–4.01T
- XHTML 1.0T
-
3.0+ -
1.0+ -
1.0+ -
1.0+ -
3.5+
VGA-kleuren
| red | #FF0000 | |
| yellow | #FFFF00 | |
| lime | #00FF00 | |
| aqua | #00FFFF | |
| blue | #0000FF | |
| fuchsia | #FF00FF | |
| white | #FFFFFF | |
| silver | #C0C0C0 |
| maroon | #800000 | |
| olive | #808000 | |
| green | #008000 | |
| teal | #008080 | |
| navy | #000080 | |
| purple | #800080 | |
| gray | #808080 | |
| black | #000000 |
- CSS 3+
- SVG 1.0F+
- HTML niet
- XHTML niet
-
5.0+ *
-
1.0+
-
1.0+
-
1.0+
-
3.5+
X11-kleuren
Internet Explorer tot versie 8 begrijpt bij grijstinten de Britse spelling ‘grey’ niet. Het Amerikaanse ‘gray’ werkt wel. De kleur lightgray/lightgrey vormt hierop een uitzondering waarbij het precies andersom werkt.
- CSS 2–3D
- SVG 1.0+
- HTML niet
- XHTML niet
-
5.0+
-
1.0+
-
1.0+
-
1.0+
-
5.10+
Systeemkleuren
Deze kleuren verschillen per computer afhankelijk van de configuratie.
| ActiveBorder | Rand actief venster | |
| ActiveCaption | Titelbalk actief venster | |
| AppWorkspace | Achtergrond voor interface met meerdere documenten | |
| Background | Bureaubladachtergrond | |
| ButtonFace | Oppervlakte van 3d elementen | |
| ButtonHighlight | Donkere schaduw voor 3d elementen (niet op lichtbron gericht) | |
| ButtonShadow | Schaduw voor 3d elementen | |
| ButtonText | Tekst op drukknoppen | |
| CaptionText | Tekst in titelbalk, vak om formaat te wijzigen en schuifbalkpijlvak | |
| GrayText | Grijze (uitgeschakelde) tekst | |
| Highlight | Geselecteerde items | |
| HighlightText | Tekst van geselecteerde items | |
| InactiveBorder | Rand inactief venster | |
| InactiveCaption | Titelbalk inactief venster | |
| InactiveCaptionText | Tekst in inactieve titelbalk | |
| InfoBackground | Achtergrond voor tooltip | |
| InfoText | Tekst in tooltip | |
| Menu | Achtergrond voor menu’s | |
| MenuText | Tekst in menu’s | |
| ThreeDDarkShadow | Donkere schaduw voor 3d elementen | |
| ThreeDFace | Oppervlakte van 3d elementen | |
| ThreeDLightShadow | Lichte rand van 3d elementen (op lichtbron gericht) | |
| Window | Achtergrond voor vensters | |
| WindowFrame | Vensterframe | |
| WindowText | Tekst in vensters |
In CSS3 zijn de systeemkleuren gedeprecieerd in het voordeel van de nieuwe CSS-eigenschap appearance.
- CSS 2.1+
- SVG niet
- HTML niet
- XHTML niet
-
7.0+ *
-
1.0+
-
3.0+
-
3.1+
-
10.0+
Volledige doorzichtigheid
De kleur transparent is gelijk aan rgba(0,0,0,0).
In CSS2 mocht deze kleur alleen voor achtergronden en randen gebruikt worden, sinds CSS3 is deze beperking opgeheven.
Internet Explorer ondersteunt deze kleurnaam alleen voor achtergronden en randen.
- CSS 3+
- SVG niet
- HTML niet
- XHTML niet
-
niet
-
1.0+
-
1.5+
-
4.0+
-
9.5+
Huidige kleur
De kleur currentColor is een verwijzing naar de waarde van de CSS-eigenschap color die voor het betreffende element geldt.