html Color Table
HTML Color Table: Hex, RGB, HSL Codes and Names with Preview
If you’re creating a website or customizing the look of a web page, an HTML color table is an essential tool for choosing and applying the right colors to your design. It includes hexadecimal, RGB, and HSL codes, plus predefined names that can be used directly in HTML and CSS, making life easier for designers and developers.
In this article, you’ll find a complete and organized list of colors — from neutral and classic tones to vibrant, pastel, earthy, and metallic shades — with explanations and practical examples. This way, you can quickly find the perfect shade, copy the code, and apply it to your project with confidence and speed.
PUB
- 1 - Neutral Colors (White, Black, Gray)
- 2 - Blue Colors (Blue and Turquise)
- 3 - Green Color (Green, Sea Green, Olive Green and Pale Green)
- 4 - Color Yellow (Yellow, Gold and Orange)
- 5 - Purple Color (Purple and Pink)
- 6 - Color Red (Red, Brown and Tan)
- 7 - Calming/Soft Colors (Pastels, Light Tones)
- 8 - Color Codes and Systems
PUB
html Color Table
1 - Neutral Colors (White, Black, Gray)
Neutral colors are the foundation of many visual projects.
White (#FFFFFF) conveys cleanliness, space, and simplicity — ideal for backgrounds and minimalist layouts.
Black (#000000) conveys elegance, sophistication, and authority.
Grays (#CCCCCC, #808080, #333333) balance light and dark, perfect for secondary elements.
Tip: combining neutrals with vivid colors helps highlight key elements.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| Black | #000000 | (0,0,0) |
| Grey11 | #1C1C1C | (28,28,28) |
| Grey21 | #363636 | (54,54,54) |
| Grey31 | #4F4F4F | (79,79,79) |
| DimGray | #696969 | (105,105,105) |
| Gray | #808080 | (128,128,128) |
| DarkGray | #A9A9A9 | (169,169,169) |
| Silver | #C0C0C0 | (192,192,192) |
| LightGrey | #D3D3D3 | (211,211,211) |
| Gainsboro | #DCDCDC | (220,220,220) |
| Snow1 | #FFFAFA | (255 250 250) |
| Snow2 | #EEE9E9 | (238 233 233) |
| Snow3 | #CDC9C9 | (205 201 201) |
| Snow4 | #8B8989 | (139 137 137) |
| Seashell1 | #FFF5EE | (255 245 238) |
| Seashell2 | #EEE5DE | (238 229 222) |
| Seashell3 | #CDC5BF | (205 197 191) |
| Seashell4 | #8B8682 | (139 134 130) |
| Ivory1 | #FFFFF0 | (255 255 240) |
| Ivory2 | #EEEEE0 | (238 238 224) |
| Ivory3 | #CDCDC1 | (205 205 193) |
| Ivory4 | #8B8B83 | (139 139 131) |
PUB
html Color Table
2 - Blue Colors (Blue and Turquise)
Blue (#0000FF) represents trust, technology, and calmness.
Caution: too much red can cause fatigue; too much blue can make the design feel cold.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| SlateBlue | #6A5ACD | (106,90,205) |
| SlateBlue1 | #836FFF | (131,111,255) |
| SlateBlue3 | #6959CD | (105,89,205) |
| DarkSlateBlue | #483D8B | (72,61,139) |
| MidnightBlue | #191970 | (25,25,112)) |
| Navy | #000080 | (0,0,128) |
| DarkBlue | #00008B | (0,0,139) |
| MediumBlue | #0000CD | (0,0,205) |
| Blue | #0000FF | (0,0,255) |
| CornflowerBlue | #6495ED | (100,149,237) |
| RoyalBlue | #4169E1 | (65,105,225) |
| DodgerBlue | #1E90FF | (30,144,255) |
| DeepSkyBlue | #00BFFF | (0,191,255) |
| LightSkyBlue | #87CEFA | (135,206,250) |
| SkyBlue | #87CEEB | (135,206,235) |
| LightBlue | #ADD8E6 | (173,216,230) |
| SteelBlue | #4682B4 | (70,130,180) |
| LightSteelBlue | #B0C4DE | (176,196,222) |
| Turquesa1 | #00F5FF | (0 245 255) |
| Turquesa2 | #00E5EE | (0 229 238) |
| Turquesa3 | #00C5CD | (0 197 205) |
| Turquesa4 | #00868B | (0 134 139) |
PUB
html Color Table
3 - Green Color (Green, Sea Green, Olive Green and Pale Green)
Green (#00FF00) conveys success, nature, and freshness.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| MediumSpringGreen | #00FA9A | (0,250,154) |
| SpringGreen | #00FF7F | (0,255,127) |
| PaleGreen | #98FB98 | (152,251,152) |
| LightGreen | #90EE90 | (144,238,144) |
| DarkSeaGreen | #8FBC8F | (143,188,143) |
| MediumSeaGreen | #3CB371 | (60,179,113) |
| SeaGreen | #2E8B57 | (46,139,87) |
| DarkGreen | #006400 | (0,100,0) |
| Green | #008000 | (0,128,0) |
| ForestGreen | #228B22 | (34,139,34) |
| OliveDrab1 | #C0FF3E | ( 192 255 62) |
| OliveDrab2 | #B3EE3A | (179 238 58) |
| OliveDrab3 | #9ACD32 | (154 205 50) |
| OliveDrab4 | #698B22 | (105 139 34) |
| SeaGreen1 | #54FF9F | (84 255 159) |
| SeaGreen2 | #4EEE94 | (78 238 148) |
| SeaGreen3 | #43CD80 | (67 205 128) |
| SeaGreen4 | #2E8B57 | (46 139 87) |
| PaleGreen1 | #9AFF9A | (154 255 154) |
| PaleGreen2 | #90EE90 | (144 238 144) |
| PaleGreen3 | #7CCD7C | (124 205 124) |
| PaleGreen4 | #548B54 | (84 139 84) |
PUB
html Color Table
4 - Color Yellow (Yellow, Gold and Orange)
Estas cores, apesar de não serem primárias no RGB, têm forte apelo visual e são frequentes em marcas e campanhas criativas:
Yellow (#FFFF00) brings joy and optimism, ideal for grabbing attention.
Orange (#FFA500) conveys creativity and enthusiasm.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| Goldenrod | #DAA520 | (218,165,32) |
| DarkGoldenrod | #B8860B | (184,134,11) |
| SaddleBrown | #8B4513 | (139,69,19) |
| Sienna | #A0522D | (160,82,45) |
| RosyBrown | #BC8F8F | (188,143,143) |
| Peru | #CD853F | (205,133,63) |
| Chocolate | #D2691E | (210,105,30) |
| SandyBrown | #F4A460 | (244,164,96) |
| NavajoWhite | #FFDEAD | (255,222,173) |
| Wheat | #F5DEB3 | (245,222,179) |
| Yellow1 | #FFFF00 | (255 255 0) |
| Yellow2 | #EEEE00 | (238 238 0) |
| Yellow3 | #CDCD00 | (205 205 0) |
| Yellow4 | #8B8B00 | (139 139 0) |
| Khaki1 | #FFF68F | (255 246 143) |
| Khaki2 | #EEE685 | (238 230 133) |
| Khaki3 | #CDC673 | (205 198 115) |
| Khaki4 | #8B864E | (139 134 78) |
| Orange1 | #FFA500 | (255 165 0) |
| Orange2 | #EE9A00 | (238 154 0) |
| Orange3 | #CD8500 | (205 133 0) |
| Orange4 | #8B5A00 | (139 90 0) |
PUB
html Color Table
5 - Purple Color (Purple and Pink)
Purple (#800080) evokes luxury and mystery.
Pink (#FFC0CB) communicates delicacy and romance.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| BlueViolet | #8A2BE2 | (218,165,32) |
| Indigo | #4B0082 | (184,134,11) |
| DarkViolet | #9400D3 | (139,69,19) |
| DarkOrchid | #9932CC | (160,82,45) |
| MediumOrchid | #BA55D3 | (188,143,143) |
| Purple | #A020F0 | (205,133,63) |
| DarkMagenta | #8B008B | (210,105,30) |
| Fuchsia | #FF00FF | (244,164,96) |
| Violet | #EE82EE | (255,222,173) |
| Orchid | #DA70D6 | (245,222,179) |
| HotPink1 | #FF6EB4 | (255 255 0) |
| HotPink2 | #EE6AA7 | (238 238 0) |
| HotPink3 | #CD6090 | (205 205 0) |
| HotPink4 | #8B3A62 | (139 139 0) |
| Pink1 | #FFB5C5 | (255 246 143) |
| Pink2 | #EEA9B8 | (238 230 133) |
| Pink3 | #CD919E | (205 198 115) |
| Pink4 | #8B636C | (139 134 78) |
| Plum1 | #FFBBFF | (255 165 0) |
| Plum2 | #EEAEEE | (238 154 0) |
| Plum3 | #CD96CD | (205 133 0) |
| Plum4 | #8B668B | (139 90 0) |
PUB
html Color Table
6 - Color Red (Red, Brown and Tan)
Red (#FF0000) symbolizes energy and urgency, used in alerts and buttons.
Brown (#A52A2A) conveys stability and naturalness.
Tan (#D2B48C) is warm and soft, great for backgrounds.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| LightCoral | #F08080 | (240,128,128) |
| IndianRed | #CD5C5C | (205,92,92) |
| Crimson | #DC143C | (220,20,60) |
| Maroon | #800000 | (128,0,0) |
| DarkRed | #8B0000 | (139,0,0) |
| FireBrick | #B22222 | (178,34,34) |
| Brown | #A52A2A | (165,42,42) |
| Salmon | #FA8072 | (250,128,114) |
| Red | #FF0000 | (255,0,0) |
| Tomato | #FF6347 | (255,99,71) |
| Brown1 | #FF4040 | (255 64 64) |
| Brown2 | #EE3B3B | (238 59 59) |
| Brown3 | #CD3333 | (205 51 51) |
| Brown4 | #8B2323 | (139 35 35) |
| Tan1 | #FFA54F | (255 165 79) |
| Tan2 | #EE9A49 | (238 154 73) |
| Tan3 | #CD853F | (205 133 63) |
| Tan4 | #8B5A2B | (139 90 43) |
| Firebrick1 | #FF3030 | (255 48 48) |
| Firebrick2 | #EE2C2C | (238 44 44) |
| Firebrick3 | #CD2626 | (205 38 38) |
| Firebrick4 | #8B1A1A | (139 26 26) |
PUB
html Color Table
7 - Calming/Soft Colors (Pastels, Light Tones)
Pastels convey softness and modernity:
Light Blue (#87CEEB) offers serenity.
Light Green (#90EE90) evokes nature and freshness.
Light Pink (#FFB6C1) is delicate and welcoming.
Light Yellow (#FFFFE0) is soft and bright.
Light Purple (#DDA0DD) brings gentle creativity.
Peach Puff (#FFDAB9) feels warm and friendly.
| Color Name | Hexadecimal | RGB |
|---|---|---|
| AliceBlue | #F0F8FF | (240,248,255) |
| GhostWhite | #F8F8FF | (248,248,255) |
| Snow | #FFFAFA | (255,250,250) |
| Seashell | #FFF5EE | (255,245,238) |
| FloralWhite | #FFFAF0 | (255,250,240) |
| WhiteSmoke | #F5F5F5 | (245,245,245) |
| Beige | #F5F5DC | (245,245,220) |
| OldLace | #FDF5E6 | (253,245,230) |
| Linen | #FAF0E6 | (250,240,230) |
| Cornsilk | #FFF8DC | (255,248,220) |
| AntiqueWhite | #FAEBD7 | (250,235,215) |
| BlanchedAlmond | #FFEBCD | (255,235,205) |
| Bisque | #FFE4C4 | (255,228,196) |
| LightYellow | #FFFFE0 | (255,255,224) |
| PapayaWhip | #FFEFD5 | (255,239,213) |
| PeachPuff | #FFDAB9 | (255,218,185) |
| Moccasin | #FFE4B5 | (255,228,181) |
| PaleGoldenrod | #EEE8AA | (238,232,170) |
| MistyRose | #FFE4E1 | (255,228,225) |
| Lavender | #E6E6FA | (230,230,250) |
| Thistle | #D8BFD8 | (216,191,216) |
| PowderBlue | #B0E0E6 | (176,224,230) |
PUB
html Color Table
8 - Color Codes and Systems
Hexadecimal (#RRGGBB) is the most common format.
RGB (255, 0, 0) defines light values.
RGBA (255, 0, 0, 0.5) includes transparency.
HSL (hue, saturation, lightness) makes adjustments easier.
HSLA is HSL with transparency.
PUB
PUB
PUB