Web colors
lastmod 2023-08-25created 2014-03-197 edits
When building a website, you can specify colors in several ways.
Representing colors on the web with pairs of hexadecimal digits is based on RGB additive color mixing. A color can be expressed with three pairs of two-digit hexadecimal numbers corresponding to red, green, and blue. Since one byte is allocated per channel, a color is expressed with a total of 3 bytes of information. When specifying a color on the web, you write the special symbol # followed by three consecutive pairs of two-digit hexadecimal numbers.
Web Safe Colors
Colors set as a standard by drastically reducing the 16,777,216 possible colors, for compatibility. The color values of web-safe colors are all multiples of 51. (This is the maximum value 255 divided by 5.) Each channel has 6 levels, 0, 51, 102, 153, 204, and 255 (00, 33, 66, 99, CC, FF), so a total of 216 colors (63) can be represented.
The color chart below shortens the long RGB codes to 3 characters. For example, 609 corresponds to RGB code 660099. Also, the 22 "safest" web colors are underlined.
| [Web Safe Colors](https://www.unwiki.net/Template:WebSafeColors/) | |||||
| *000* | 300 | 600 | 900 | C00 | *F00* |
| *003* | 303 | 603 | 903 | C03 | *F03* |
| 006 | 306 | 606 | 906 | C06 | F06 |
| 009 | 309 | 609 | 909 | C09 | F09 |
| 00C | 30C | 60C | 90C | C0C | F0C |
| *00F* | 30F | 60F | 90F | C0F | *F0F* |
| 030 | 330 | 630 | 930 | C30 | F30 |
| 033 | 333 | 633 | 933 | C33 | F33 |
| 036 | 336 | 636 | 936 | C36 | F36 |
| 039 | 339 | 639 | 939 | C39 | F39 |
| 03C | 33C | 63C | 93C | C3C | F3C |
| 03F | 33F | 63F | 93F | C3F | F3F |
| 060 | 360 | 660 | 960 | C60 | F60 |
| 063 | 363 | 663 | 963 | C63 | F63 |
| 066 | 366 | 666 | 966 | C66 | F66 |
| 069 | 369 | 669 | 969 | C69 | F69 |
| 06C | 36C | 66C | 96C | C6C | F6C |
| 06F | 36F | 66F | 96F | C6F | F6F |
| 090 | 390 | 690 | 990 | C90 | F90 |
| 093 | 393 | 693 | 993 | C93 | F93 |
| 096 | 396 | 696 | 996 | C96 | F96 |
| 099 | 399 | 699 | 999 | C99 | F99 |
| 09C | 39C | 69C | 99C | C9C | F9C |
| 09F | 39F | 69F | 99F | C9F | F9F |
| 0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
| 0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
| 0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
| 0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
| 0CC | 3CC | 6CC | 9CC | CCC | FCC |
| 0CF | 3CF | 6CF | 9CF | CCF | FCF |
| *0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
| 0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
| *0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
| 0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
| *0FC* | *3FC* | 6FC | 9FC | CFC | FFC |
| *0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
HTML color names
Basic colors
| Color | Name | HEX | Red | Green | Blue |
| White | #FFFFFF | 100% | 100% | 100% | |
| Silver | #C0C0C0 | 75% | 75% | 75% | |
| Gray | #808080 | 50% | 50% | 50% | |
| Black | #000000 | 0% | 0% | 0% | |
| Red | #FF0000 | 100% | 0% | 0% | |
| Maroon | #800000 | 50% | 0% | 0% | |
| Yellow | #FFFF00 | 100% | 100% | 0% | |
| Olive | #808000 | 50% | 50% | 0% | |
| Lime | #00FF00 | 0% | 100% | 0% | |
| Green | #008000 | 0% | 50% | 0% | |
| Aqua | #00FFFF | 0% | 100% | 100% | |
| Teal | #008080 | 0% | 50% | 50% | |
| Blue | #0000FF | 0% | 0% | 100% | |
| Navy | #000080 | 0% | 0% | 50% | |
| Fuchsia | #FF00FF | 100% | 0% | 100% | |
| Purple | #800080 | 50% | 0% | 50% |
Extended colors
| HTML name |
| Pink colors |
| MediumVioletRed |
| DeepPink |
| PaleVioletRed |
| HotPink |
| LightPink |
| Pink |
| Red colors |
| DarkRed |
| Red |
| Firebrick |
| Crimson |
| IndianRed |
| LightCoral |
| Salmon |
| DarkSalmon |
| LightSalmon |
| Orange colors |
| OrangeRed |
| Tomato |
| DarkOrange |
| Coral |
| Orange |
| Yellow colors |
| DarkKhaki |
| Gold |
| Khaki |
| PeachPuff |
| Yellow |
| PaleGoldenrod |
| Moccasin |
| PapayaWhip |
| LightGoldenrodYellow |
| LemonChiffon |
| LightYellow |
| Brown colors |
| Maroon |
| Brown |
| SaddleBrown |
| Sienna |
| Chocolate |
| DarkGoldenrod |
| Peru |
| RosyBrown |
| Goldenrod |
| SandyBrown |
| Tan |
| Burlywood |
| Wheat |
| NavajoWhite |
| Bisque |
| BlanchedAlmond |
| Cornsilk |
| HTML name |
| Purple, violet, and magenta colors |
| Indigo |
| Purple |
| DarkMagenta |
| DarkViolet |
| DarkSlateBlue |
| BlueViolet |
| DarkOrchid |
| Fuchsia |
| Magenta |
| SlateBlue |
| MediumSlateBlue |
| MediumOrchid |
| MediumPurple |
| Orchid |
| Violet |
| Plum |
| Thistle |
| Lavender |
| Blue colors |
| MidnightBlue |
| Navy |
| DarkBlue |
| MediumBlue |
| Blue |
| RoyalBlue |
| SteelBlue |
| DodgerBlue |
| DeepSkyBlue |
| CornflowerBlue |
| SkyBlue |
| LightSkyBlue |
| LightSteelBlue |
| LightBlue |
| PowderBlue |
| Cyan colors |
| Teal |
| DarkCyan |
| LightSeaGreen |
| CadetBlue |
| DarkTurquoise |
| MediumTurquoise |
| Turquoise |
| Aqua |
| Cyan |
| Aquamarine |
| PaleTurquoise |
| LightCyan |
| HTML name |
| Green colors |
| DarkGreen |
| Green |
| DarkOliveGreen |
| ForestGreen |
| SeaGreen |
| Olive |
| OliveDrab |
| MediumSeaGreen |
| LimeGreen |
| Lime |
| SpringGreen |
| MediumSpringGreen |
| DarkSeaGreen |
| MediumAquamarine |
| YellowGreen |
| LawnGreen |
| Chartreuse |
| LightGreen |
| GreenYellow |
| PaleGreen |
| White colors |
| MistyRose |
| AntiqueWhite |
| Linen |
| Beige |
| WhiteSmoke |
| LavenderBlush |
| OldLace |
| AliceBlue |
| Seashell |
| GhostWhite |
| Honeydew |
| FloralWhite |
| Azure |
| MintCream |
| Snow |
| Ivory |
| White |
| Gray and black colors |
| Black |
| DarkSlateGray |
| DimGray |
| SlateGray |
| Gray |
| LightSlateGray |
| DarkGray |
| Silver |
| LightGray |
| Gainsboro |