URI: http://www.j-a-b.net/web/hue/color-system
last updated: 2009-12-04
© 2002-2009 Contact
Subject Index
- Defining Colours
- Colour Palettes — Overview
- The 216 Standard Colours
- The 256 Shades of the RGB Greyscale
- 4096 Symmetrical Number Pairs
- Percentage Colour Values
- Example of 3564 HSL-Coded Colours
- Transformation Between Percentage and 8bit Values
- Colour Names for HTML/CSS and their RGB Values
- The System Colours
- Colour Test Page
- Transformation of Colour Codings
- Further Colour Reference
The System Colours
The System Colours reflect the current desktop settings of a user. If used in accordance with their assignment one is able to produce layouts which smoothly integrate with the user's settings. The following chart lists the CSS2 values for the system colours, their presentation on your system and a short description of their function in the GUI. The values are case-insensitive but it is strongly recommended using mixed spelling for improved legibility, as the following example shows:
threeddarkshadow vs. THREEDDARKSHADOW vs. ThreeDDarkShadow
For comparison you might want to check out which system colours I use on
my system
When using System Colours you will have no control concerning the resulting appearance of your page and should moreover keep in mind that not all operating systems and browsers fully support these values. The upcoming CSS3 User Interface Module introduces new attributes and values which will enable authors advanced possibilities of integrating web pages into users' GUIs.
| CSS value | Your current settings | Description |
|---|---|---|
| ActiveBorder | active window border | |
| ActiveCaption | active title bar | |
| AppWorkspace | application background | |
| Background | desktop background | |
| ButtonFace | button colour | |
| ButtonHighlight | selected button colour | |
| ButtonShadow | button shadow | |
| ButtonText | button text colour | |
| CaptionText | text colour title bar | |
| GrayText | inactive text | |
| Highlight | selected elements | |
| HighlightText | text colour selected elements | |
| InactiveBorder | inactive window border | |
| InactiveCaption | inactive title bar | |
| InactiveCaptionText | text colour inactive title bar | |
| InfoBackground | background colour highlighted elements | |
| InfoText | text colour highlighted elements | |
| Menu | menu background colour | |
| MenuText | text colour menu | |
| Scrollbar | scrollbar colour | |
| ThreeDDarkShadow | dark shadow of 3D elements | |
| ThreeDFace | colour of 3D elements | |
| ThreeDHighlight | highlighted 3D elements | |
| ThreeDLightShadow | light shadow of 3D elements | |
| ThreeDShadow | shadow of 3D elements | |
| Window | window background | |
| WindowFrame | window border | |
| WindowText | text colour message box |
- Subject Index
-
- Defining Colours
- Colour Palettes — Overview
- The 216 Standard Colours
- The 256 Shades of the RGB Greyscale
- 4096 Symmetrical Number Pairs
- Percentage Colour Values
- Example of 3564 HSL-Coded Colours
- Transformation Between Percentage and 8bit Values
- Colour Names for HTML/CSS and their RGB Values
- The System Colours
- Colour Test Page
- Transformation of Colour Codings
- Further Colour Reference
-
- This page is licensed under a Creative Commons License.