Search in book...
Toggle Font Controls
Create new playlist

Name your new playlist

Playlist description (optional)
Sign In

Email address

Password

Forgot Password?

or

Continue with Facebook

Continue with Google
Sign Up

Full Name

Email address

Confirm Email Address

Password

or

Continue with Facebook

Continue with Google

Appendix C. CSS Colors

This appendix references the available CSS color keywords as documented in the W3C CSS 3 candidate recommendation. With the exception of IE 6 not supporting spelling of lightgray with an a, as in its American spelling, and IE 6 not supporting other gray color keywords spelled with an "e", as in the British spelling, all the following keywords are supported by IE 6, IE 7, Firefox 2, Opera 9, and Safari 2.

Colors Sorted Alphabetically

Color Keyword	Hexadecimal Value	RGB
`aliceblue`	#F0F8FF	240, 248, 255
`antiquewhite`	#FAEBD7	250, 235, 215
`aqua`	#00FFFF	0, 255, 255
`aquamarine`	#7FFFD4	127, 255, 212
`azure`	#F0FFFF	240, 255, 255
`beige`	#F5F5DC	245, 245, 220
`bisque`	#FFE4C4	255, 228, 196
`black`	#000000	0, 0, 0
`blanchedalmond`	#FFEBCD	255, 235, 205
`blue`	#0000FF	0, 0, 255
`blueviolet`	#8A2BE2	138, 43, 226
`brown`	#A52A2A	165, 42, 42
`burlywood`	#DEB887	222, 184, 135
`cadetblue`	#5F9EA0	95, 158, 160
`chartreuse`	#7FFF00	127, 255, 0
`chocolate`	#D2691E	210, 105, 30
`coral`	#FF7F50	255, 127, 80
`cornflowerblue`	#6495ED	100, 149, 237
`cornsilk`	#FFF8DC	255, 248, 220
`crimson`	#DC143C	220, 20, 60
`cyan`	#00FFFF	0, 255, 255
`darkblue`	#00008B	0, 0, 139
`darkcyan`	#008B8B	0, 139, 139
`darkgoldenrod`	#B8860B	184, 134, 11
`darkgray`	#A9A9A9	169, 169, 169
`darkgreen`	#006400	0, 100, 0
`darkgrey`	#A9A9A9	169, 169, 169
`darkkhaki`	#BDB76B	189, 183, 107
`darkmagenta`	#8B008B	139, 0, 139
`darkolivegreen`	#556B2F	85, 107, 47
`darkorange`	#FF8C00	255, 140, 0
`darkorchid`	#9932CC	153, 50, 204
`darkred`	#8B0000	139, 0, 0
`darksalmon`	#E9967A	233, 150, 122
`darkseagreen`	#8FBC8F	143, 188, 143
`darkslateblue`	#483D8B	72, 61, 139
`darkslategray`	#2F4F4F	47, 79, 79
`darkslategrey`	#2F4F4F	47, 79, 79
`darkturquoise`	#00CED1	0, 206, 209
`darkviolet`	#9400D3	148, 0, 211
`deeppink`	#FF1493	255, 20, 147
`deepskyblue`	#00BFFF	0, 191, 255
`dimgray`	#696969	105, 105, 105
`dimgrey`	#696969	105, 105, 105
`dodgerblue`	#1E90FF	30, 144, 255
`firebrick`	#B22222	178, 34, 34
`floralwhite`	#FFFAF0	255, 250, 240
`forestgreen`	#228B22	34, 139, 34
`fuchsia`	#FF00FF	255, 0, 255
`gainsboro`	#DCDCDC	220, 220, 220
`ghostwhite`	#F8F8FF	248, 248, 255
`gold`	#FFD700	255, 215, 0
`goldenrod`	#DAA520	218, 165, 32
`gray`	#808080	128, 128, 128
`green`	#008000	0, 128, 0
`greenyellow`	#ADFF2F	173, 255, 47
`grey`	#808080	128, 128, 128
`honeydew`	#F0FFF0	240, 255, 240
`hotpink`	#FF69B4	255, 105, 180
`indianred`	#CD5C5C	205, 92, 92
`indigo`	#4B0082	75, 0, 130
`ivory`	#FFFFF0	255, 255, 240
`khaki`	#F0E68C	240, 230, 140
`lavender`	#E6E6FA	230, 230, 250
`lavenderblush`	#FFF0F5	255, 240, 245
`lawngreen`	#7CFC00	124, 252, 0
`lemonchiffon`	#FFFACD	255, 250, 205
`lightblue`	#ADD8E6	173, 216, 230
`lightcoral`	#F08080	240, 128, 128
`lightcyan`	#E0FFFF	224, 255, 255
`lightgoldenrodyellow`	#FAFAD2	250, 250, 210
`lightgray`	#D3D3D3	211, 211, 211
`lightgreen`	#90EE90	144, 238, 144
`lightgrey`	#D3D3D3	211, 211, 211
`lightpink`	#FFB6C1	255, 182, 193
`lightsalmon`	#FFA07A	255, 160, 122
`lightseagreen`	#20B2AA	32, 178, 170
`lightskyblue`	#87CEFA	135, 206, 250
`lightslategray`	#778899	119, 136, 153
`lightslategrey`	#778899	119, 136, 153
`lightsteelblue`	#B0C4DE	176, 196, 222
`lightyellow`	#FFFFE0	255, 255, 224
`lime`	#00FF00	0, 255, 0
`limegreen`	#32CD32	50, 205, 50
`linen`	#FAF0E6	250, 240, 230
`magenta`	#FF00FF	255, 0, 255
`maroon`	#800000	128, 0, 0
`mediumaquamarine`	#66CDAA	102, 205, 170
`mediumblue`	#0000CD	0, 0, 205
`mediumorchid`	#BA55D3	186, 85, 211
`mediumpurple`	#9370DB	147, 112, 219
`mediumseagreen`	#3CB371	60, 179, 113
`mediumslateblue`	#7B68EE	123, 104, 238
`mediumspringgreen`	#00FA9A	0, 250, 154
`mediumturquoise`	#48D1CC	72, 209, 204
`mediumvioletred`	#C71585	199, 21, 133
`midnightblue`	#191970	25, 25, 112
`mintcream`	#F5FFFA	245, 255, 250
`mistyrose`	#FFE4E1	255,228, 225
`moccasin`	#FFE4B5	255, 228, 181
`navajowhite`	#FFDEAD	255, 222, 173
`navy`	#000080	0, 0, 128
`oldlace`	#FDF5E6	253, 245, 230
`olive`	#808000	128, 128, 0
`olivedrab`	#6B8E23	107, 142, 35
`orange`	#FFA500	255, 165, 0
`orangered`	#FF4500	255, 69, 0
`orchid`	#DA70D6	218, 112, 214
`palegoldenrod`	#EEE8AA	238, 232, 170
`palegreen`	#98FB98	152, 251, 152
`paleturquoise`	#AFEEEE	175, 238, 238
`palevioletred`	#DB7093	219, 112, 147
`papayawhip`	#FFEFD5	255, 239, 213
`peachpuff`	#FFDAB9	255, 218, 185
`peru`	#CD853F	205, 133, 63
`pink`	#FFC0CB	255, 192, 203
`plum`	#DDA0DD	221, 160, 221
`powderblue`	#B0E0E6	176, 224, 230
`purple`	#800080	128, 0, 128
`red`	#FF0000	255, 0, 0
`rosybrown`	#BC8F8F	188, 143, 143
`royalblue`	#4169E1	65, 105, 225
`saddlebrown`	#8B4513	139, 69, 19
`salmon`	#FA8072	250, 128, 114
`sandybrown`	#F4A460	244, 164, 96
`seagreen`	#2E8B57	46, 139, 87
`seashell`	#FFF5EE	255, 245, 238
`sienna`	#A0522D	160, 82, 45
`silver`	#C0C0C0	192, 192, 192
`skyblue`	#87CEEB	135, 206, 235
`slateblue`	#6A5ACD	106, 90, 205
`slategray`	#708090	112, 128, 144
`slategrey`	#708090	112, 128, 144
`snow`	#FFFAFA	255, 250, 250
`springgreen`	#00FF7F	0, 255, 127
`steelblue`	#4682B4	70, 130, 180
`tan`	#D2B48C	210, 180, 140
`teal`	#008080	0, 128, 128
`thistle`	#D8BFD8	216, 191, 216
`tomato`	#FF6347	255, 99, 71
`turquoise`	#40E0D0	64, 224, 208
`violet`	#EE82EE	238, 130, 238
`wheat`	#F5DEB3	245, 222, 179
`white`	#FFFFFF	255, 255, 255
`whitesmoke`	#F5F5F5	245, 245, 245
`yellow`	#FFFF00	255, 255, 0
`yellowgreen`	#9ACD32	154, 205, 50

Colors Sorted by Color

The following sections show colors as sorted from light hue to dark hue.

Reds

Color Keyword	Hexadecimal	RGB
`lavenderblush`	#FFF0F5	255, 240, 245
`mistyrose`	#FFE4E1	255, 228, 225
`pink`	#FFC0CB	255, 192, 203
`lightpink`	#FFB6C1	255, 182, 193
`orange`	#FFA500	255, 165, 0
`lightsalmon`	#FFA07A	255, 160, 122
`darkorange`	#FF8C00	255, 140, 0
`coral`	#FF7F50	255, 127, 80
`hotpink`	#FF69B4	255, 105, 180
`tomato`	#FF6347	255, 99, 71
`orangered`	#FF4500	255, 69, 0
`deeppink`	#FF1493	255, 20, 147
`fuchsia`	#FF00FF	255, 0, 255
`magenta`	#FF00FF	255, 0, 255
`red`	#FF0000	255, 0, 0
`salmon`	#FA8072	250, 128, 114
`lightcoral`	#F08080	240, 128, 128
`violet`	#EE82EE	238, 130, 238
`darksalmon`	#E9967A	233, 150, 122
`plum`	#DDA0DD	221, 160, 221
`crimson`	#DC143C	220, 20, 60
`palevioletred`	#DB7093	219, 112, 147
`orchid`	#DA70D6	218, 112, 214
`thistle`	#D8BFD8	216, 191, 216
`indianred`	#CD5C5C	205, 92, 92
`mediumvioletred`	#C71585	199, 21, 133
`mediumorchid`	#BA55D3	186, 85, 211
`firebrick`	#B22222	178, 34, 34
`darkorchid`	#9932CC	153, 50, 204
`darkviolet`	#9400D3	148, 0, 211
`mediumpurple`	#9370DB	147, 112, 219
`darkmagenta`	#8B008B	139, 0, 139
`darkred`	#8B0000	139, 0, 0
`purple`	#800080	128, 0, 128
`maroon`	#800000	128, 0, 0

Blues

Color Keyword	Hexadecimal	RGB
`azure`	#F0FFFF	240, 255, 255
`aliceblue`	#F0F8FF	240, 248, 255
`lavender`	#E6E6FA	230, 230, 250
`lightcyan`	#E0FFFF	224, 255, 255
`powderblue`	#B0E0E6	176, 224, 230
`lightsteelblue`	#B0C4DE	176, 196, 222
`paleturquoise`	#AFEEEE	175, 238, 238
`lightblue`	#ADD8E6	173, 216, 230
`blueviolet`	#8A2BE2	138, 43, 226
`lightskyblue`	#87CEFA	135, 206, 250
`skyblue`	#87CEEB	135, 206, 235
`mediumslateblue`	#7B68EE	123, 104, 238
`slateblue`	#6A5ACD	106, 90, 205
`cornflowerblue`	#6495ED	100, 149, 237
`cadetblue`	#5F9EA0	95, 158, 160
`indigo`	#4B0082	75, 0, 130
`mediumturquoise`	#48D1CC	72, 209, 204
`darkslateblue`	#483D8B	72, 61, 139
`steelblue`	#4682B4	70, 130, 180
`royalblue`	#4169E1	65, 105, 225
`turquoise`	#40E0D0	64, 224, 208
`dodgerblue`	#1E90FF	30, 144, 255
`midnightblue`	#191970	25, 25, 112
`aqua`	#00FFFF	0, 255, 255
`cyan`	#00FFFF	0, 255, 255
`darkturquoise`	#00CED1	0, 206, 209
`deepskyblue`	#00BFFF	0, 191, 255
`darkcyan`	#008B8B	0, 139, 139
`blue`	#0000FF	0, 0, 255
`mediumblue`	#0000CD	0, 0, 205
`darkblue`	#00008B	0, 0, 139
`navy`	#000080	0, 0, 128

Greens

Color Keyword	Hexadecimal	RGB
`mintcream`	#F5FFFA	245, 255, 250
`honeydew`	#F0FFF0	240, 255, 240
`greenyellow`	#ADFF2F	173, 255, 47
`yellowgreen`	#9ACD32	154, 205, 50
`palegreen`	#98FB98	152, 251, 152
`lightgreen`	#90EE90	144, 238, 144
`darkseagreen`	#8FBC8F	143, 188, 143
`olive`	#808000	128, 128, 0
`aquamarine`	#7FFFD4	127, 255, 212
`chartreuse`	#7FFF00	127, 255, 0
`lawngreen`	#7CFC00	124, 252, 0
`olivedrab`	#6B8E23	107, 142, 35
`mediumaquamarine`	#66CDAA	102, 205, 170
`darkolivegreen`	#556B2F	85, 107, 47
`mediumseagreen`	#3CB371	60, 179, 113
`limegreen`	#32CD32	50, 205, 50
`seagreen`	#2E8B57	46, 139, 87
`forestgreen`	#228B22	34, 139, 34
`lightseagreen`	#20B2AA	32, 178, 170
`springgreen`	#00FF7F	0, 255, 127
`lime`	#00FF00	0, 255, 0
`mediumspringgreen`	#00FA9A	0, 250, 154
`teal`	#008080	0, 128, 128
`green`	#008000	0, 128, 0
`darkgreen`	#006400	0, 100, 0

Yellows

Color Keyword	Hexadecimal	RGB
`lightgoldenrodyellow`	#FAFAD2	250, 250, 210
`ivory`	#FFFFF0	255, 255, 240
`lightyellow`	#FFFFE0	255, 255, 224
`floralwhite`	#FFFAF0	255, 250, 240
`lemonchiffon`	#FFFACD	255, 250, 205
`cornsilk`	#FFF8DC	255, 248, 220
`khaki`	#F0E68C	240, 230, 140
`yellow`	#FFFF00	255, 255, 0
`gold`	#FFD700	255, 215, 0
`darkkhaki`	#BDB76B	189, 183, 107

Browns

Color Keyword	Hexadecimal	RGB
`snow`	#FFFAFA	255, 250, 250
`seashell`	#FFF5EE	255, 245, 238
`oldlace`	#FDF5E6	253, 245, 230
`linen`	#FAF0E6	250, 240, 230
`antiquewhite`	#FAEBD7	250, 235, 215
`beige`	#F5F5DC	245, 245, 220
`papayawhip`	#FFEFD5	255, 239, 213
`blanchedalmond`	#FFEBCD	255, 235, 205
`bisque`	#FFE4C4	255, 228, 196
`moccasin`	#FFE4B5	255, 228, 181
`navajowhite`	#FFDEAD	255, 222, 173
`peachpuff`	#FFDAB9	255, 218, 185
`wheat`	#F5DEB3	245, 222, 179
`sandybrown`	#F4A460	244, 164, 96
`palegoldenrod`	#EEE8AA	238, 232, 170
`burlywood`	#DEB887	222, 184, 135
`goldenrod`	#DAA520	218, 165, 32
`tan`	#D2B48C	210, 180, 140
`chocolate`	#D2691E	210, 105, 30
`peru`	#CD853F	205, 133, 63
`rosybrown`	#BC8F8F	188, 143, 143
`darkgoldenrod`	#B8860B	184, 134, 11
`brown`	#A52A2A	165, 42, 42
`sienna`	#A0522D	160, 82, 45
`saddlebrown`	#8B4513	139, 69, 19

Grays

Color Keyword	Hexadecimal	RGB
`white`	#FFFFFF	255, 255, 255
`ghostwhite`	#F8F8FF	248, 248, 255
`whitesmoke`	#F5F5F5	245, 245, 245
`gainsboro`	#DCDCDC	220, 220, 220
`lightgray`	#D3D3D3	211, 211, 211
`lightgrey`	#D3D3D3	211, 211, 211
`silver`	#C0C0C0	192, 192, 192
`darkgray`	#A9A9A9	169, 169, 169
`darkgrey`	#A9A9A9	169, 169, 169
`gray`	#808080	128, 128, 128
`grey`	#808080	128, 128, 128
`lightslategray`	#778899	119, 136, 153
`lightslategrey`	#778899	119, 136, 153
`slategray`	#708090	112, 128, 144
`slategrey`	#708090	112, 128, 144
`dimgray`	#696969	105, 105, 105
`dimgrey`	#696969	105, 105, 105
`darkslategray`	#2F4F4F	47, 79, 79
`darkslategrey`	#2F4F4F	47, 79, 79
`black`	#000000	0, 0, 0

User-Interface Color Keywords

User-interface color keywords (CSS 2) enable an author to reference colors present in the user-interface. They are referenced like any other color keyword. These color keywords allow an author to design a website with the same look and feel as the operating system.

Color Keyword	Description
`ActiveBorder`	Border of the active window.
`ActiveCaption`	Caption of the active window.
`AppWorkspace`	Background color of multiple document interface.
`Background`	Desktop background.
`ButtonFace`	Face color of three-dimensional display elements.
`ButtonHighlight`	Dark shadow for three-dimensional display elements (for edges facing away from the light source).
`ButtonShadow`	Shadow color for three-dimensional display elements.
`ButtonText`	Text on push buttons.
`CaptionText`	Text in caption, size box, and scroll bar 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`	Dark shadow for three-dimensional display elements.
`ThreeDFace`	Face color for three-dimensional display elements.
`ThreeDHighlight`	Highlight color for three-dimensional display elements.
`ThreeDLightShadow`	Light color for three-dimensional display elements (for edges facing the light source).
`ThreeDShadow`	Dark shadow for three-dimensional display elements.
`Window`	Window background.
`WindowFrame`	Window frame.
`WindowText`	Text in windows.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.

Table of Contents for C. CSS Colors

Create new playlist

Sign In

Sign Up