Color keywords
Note: As of [CSS Color], the CSS2 System Color values have been deprecated in favor of the CSS3 UI ‘[appearance]’ property.
- ActiveBorder
Active window border.
- ActiveCaption
Active window caption.
- AppWorkspace
Background color of multiple document interface.
- Background
Desktop background.
- ButtonFace
The face background color for 3-D elements that appear 3-D due to one layer of surrounding border.
- ButtonHighlight
The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border.
- ButtonShadow
The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border.
- ButtonText
Text on push buttons.
- CaptionText
Text in caption, size box, and scrollbar arrow box.
- GrayText
Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.
- Highlight
Item(s) selected in a control.
- HighlightText
Text of item(s) selected in a control.
- InactiveBorder
Inactive window border.
- InactiveCaption
Inactive window caption.
- InactiveCaptionText
Color of text in an inactive caption.
- InfoBackground
Background color for tooltip controls.
- InfoText
Text color for tooltip controls.
- Menu
Menu background.
- MenuText
Text in menus.
- Scrollbar
Scroll bar gray area.
- ThreeDDarkShadow
The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
- ThreeDFace
The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
- ThreeDHighlight
The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
- ThreeDLightShadow
The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
- ThreeDShadow
The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.
- Window
Window background.
- WindowFrame
Window frame.
- WindowText
Text in windows.
RGB Color Codes Chart
Hover with cursor on color to get the hex and decimal color codes below:
RGB color space
RGB color space or RGB color system, constructs all the colors from the combination of the Red, Green and Blue colors.
The red, green and blue use 8 bits each, which have integer values from 0 to 255. This makes 256*256*256=16777216 possible colors.
Each pixel in the LED monitor displays colors this way, by combination of red, green and blue LEDs (light emitting diodes).
When the red pixel is set to 0, the LED is turned off. When the red pixel is set to 255, the LED is turned fully on.
Any value between them sets the LED to partial light emission.
RGB color format & calculation
RGB code has 24 bits format (bits 0..23):
| RED[7:0] | GREEN[7:0] | BLUE[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Calculation examples
White RGB Color
White RGB code = 255*65536+255*256+255 = #FFFFFF
Blue RGB Color
Blue RGB code = 0*65536+0*256+255 = #0000FF
Red RGB Color
Red RGB code = 255*65536+0*256+0 = #FF0000
Green RGB Color
Green RGB code = 0*65536+255*256+0 = #00FF00
Gray RGB Color
Gray RGB code = 128*65536+128*256+128 = #808080
Yellow RGB Color
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
RGB color table
See also
- RGB to hex converter
- RGB to HSV converter
- RGB to HSL converter
- RGB to CMYK converter
- Color conversions
- Color wheel chart
- Screen color tester
- HTML color codes
- HTML character codes
- ASCII table
- Unicode characters
- Web safe colors
- Yellow color
- Gold color
HTML Color Codes 🎨
The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes!
Color Picker
RGB: rgb(102,232,232)
HSL: hsl(232,232,232)
What is a HTML color code?
A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen.
For example, the color red can be identifier using the following formats:
Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection.
To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;»
What are HTML color codes used for?
HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes.