CSS


Web safe colors tutorials
-
Few years back, computer could display only (28 i.e. 8 bits) 256 colors.
-
During same time following 216 safe web colors were used.
-
256 – 216 = 40 colors left were used by system.
-
However today, most computers can display millions of colors.
-
According to your computer resolution, it will display colors as follows.
Color Bits |
Total number of colors supported |
4 bits |
16 colors |
8 bits |
256 colors |
16 bits |
65,536 colors |
24 bits |
16,777,216 colors |
32 bits |
4,294,967,297 colors |
216 Web safe colors
000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
CSS Short Hex Code:
-
Short Hex Code is a shorter form of the six-digit notation. In this format, each digit is replicated to arrive at an equivalent six-digit value; For example: #F00 becomes #FF0000.
-
Nearly all browsers (version 3 and above, except IE3 Mac) support shorthand hex colors.
-
Each hexadecimal code will be preceded by a pound or hash sign #. RGB triplets can be abbreviated if each of the Red, Green, and Blue hex pairs are the same. So when you use colors where there are three pairs, you can abbreviate each color channel using one character instead of two identical characters.
-
Browsers automatically expand these three-character colors into six by replicating the R, G, and B values. This technique saves a few bytes for each color abbreviated with shorthand hex notation.
Color name |
Short Hex color code |
Black |
#000 |
Red |
#F00 |
Green |
#0F0 |
Blue |
#00F |
White |
#FFF |
Example: Program to demonstrate CSS Short Hex color code
Output:

CSS RGB Values:
-
This color value is specified using the rgb( ) property. This property takes three values, one each for red, green, and blue. The value can be an integer between 0 and 255.
NOTE: All the browsers does not support rgb() property of color so it is recommended not to use it.
-
Following is the example to show few colors Name using RGB values.
Color name |
Color RGB |
Black |
rgb(0,0,0) |
Red |
rgb(255,0,0) |
Green |
rgb(0,255,0) |
Blue |
rgb(0,0,255) |
White |
rgb(255,255,255) |
Example: Program to demonstrate CSS color RGB values
Output:

CSS RGB %
-
The syntax of RGB% is rgb(rrr%,ggg%,bbb%) in percentage of Red, Green and Blue.
Example: Following example shows the use of CSS RGB% color.
Output:

CSS Color Keyword:
-
We can specify various color using keyword as follows
Color keyword name |
RRGGBB value |
Color example |
Aqua |
#00FFFF |
|
Black |
#000000 |
|
Blue |
#0000FF |
|
Fuchsia |
#FF00FF |
|
Gray |
#808080 |
|
Green |
#00FF00 |
|
Lime |
#008000 |
|
Maroon |
#800000 |
|
Navy |
#000080 |
|
Olive |
#808000 |
|
Purple |
#800080 |
|
Red |
#FF0000 |
|
Silver |
#COCOCO |
|
Teal |
#008080 |
|
White |
#FFFFFF |
|
Yellow |
#FFFF00 |
|
Example: Following example shows the use of CSS color name.
Output:
