HTML Color Codes | Hex and rgb codes
HTML color codes are important for website design. HTML color codes help you create an attractive website. Hex codes and RGB codes are useful for the HTML page using CSS color codes. HTML colors can be specified like, Green, Black, Gray, Silver, White, Yellow, Lime, Aqua, Fuchsia, Red, Green, Blue, Purple, Maroon, Olive Navy, Teal.
| Color Name | Color Preview |
|---|---|
| Green | |
| Black | |
| Gray | Silver |
| White | |
| Yellow | |
| Lime | |
| Aqua | |
| Fuchsia | |
| Red | |
| Purple | Maroon | Olive | Navy | Teal |
For example – #FF6699
HTML color codes –
HTML color codes are used to design a website at the point of look and feel. In the present time if your website is not attractive then your website will not grow. If your website has look and feels then your website will grow easily.
Hex Color codes –
The hex color codes are known as HTML color codes. HTML color codes include red, green, and blue that makes up the color. The code contains 6 digits code. You do need to use the color name. You can use the color codes only.
Use # sign .
color:#000066";
background-color:#000033";
| Color Code | Color Preview | Color Code | Color Preview |
|---|---|---|---|
| 000000 | 000033 | ||
| 0000FF | 0000CC | ||
| 000066 | 003300 | 006600 | 003333 |
| 003366 | 003399 | ||
| 0033CC | 0033FF | ||
| 006633 | 006666 | ||
| 006699 | 0066FF | ||
| 009900 | 009933 | ||
| 00FF00 | 00FF33 | ||
| 009966 | 009999 | 0099CC | 0099FF | 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF | 00FF66 | 00FF99 | 00FFCC | 00FFFF | 330000 | 330033 | 330033 | 330066 | 330099 | 333300 | 333333 | 333366 | 333399 | 336600 | 336633 | 336666 | 336699 | 33FF33 | 339900 | 339933 | 339933 | 33FF00 | 339999 | 3399CC | 3399FF | 33CC00 | 33CC33 | 33CC66 |
| 33CC99 | 33CCCC | ||
| 33FF99 | 33FFCC | ||
| 33FFFF | 33CCCC | ||
| 660033 | 660066 | ||
| 660099 | 6600CC | ||
| 6600FF | 663300 | ||
| 663333 | 663366 | ||
| 663399 | 6633CC | ||
| 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 | ||
| CCCC33 | CCCC66 | ||
| 990066 | 9900FF | ||
| 993300 | 993333 | ||
| 993333 | 993366 | ||
| 993399 | 996600 | ||
| 996633 | 996666 | ||
| 996699 | 9966CC | ||
| 9966FF | CCCC00 | ||
| 999900 | 999933 | ||
| 999966 | 999999 | ||
| 999999 | 9999CC | ||
| 9999FF | CCCC99 | ||
| 99CC00 | 99CC33 | ||
| 99CC66 | 99CC99 | ||
| 99CCCC | 99CCFF | ||
| CC0000 | CC0033 | ||
| CC0066 | CC0099 | ||
| CC00CC | CC00FF | ||
| CC3300 | CC3333 | ||
| CC3366 | CC3399 | ||
| CC33CC | CC33FF | ||
| CC6600 | CC6633 | ||
| CC6666 | CC6699 | ||
| CC66CC | CC66FF | ||
| CC9900 | CC9933 | ||
| CC9966 | CC9999 | ||
| CC99CC | CC99FF | ||
| CCCCCC | CCCCFF |
Color code with # sign.
Most of the browsers do not support code without the # sign. You have to use # sign before the code. Hexadecimal color codes contain 6 ( digits + alphabets ) . The hexadecimal color codes are started by the # sign.
color:#000066";
background-color:#000033";
| Color Code | Color Preview | Color Code | Color Preview |
|---|---|---|---|
| #0033CC | #0033FF | ||
| #006633 | #006666 | ||
| #006699 | #0066FF | ||
| #009900 | #009933 | ||
| #00FF00 | #00FF33 | ||
| #009966 | #009999 | #0099CC | #0099FF | #00CC00 | #00CC33 |
RGB color codes (HTML Colors - RGB Values)–
RGB color codes include digits separate by comma. The digits are placed in three-part separated by the comma.
The digits define the color code included various colors combination.
You can make the combination of color using RGB colors code.
RGB color codes include digits separated by the comma.
The digits are placed in three-part separated by the comma.
For example –
Rgb(0,0,0)
rgb(192,192,192) .
The digits define the color code included various colors combination. You can make the combination of color using rgb colors code.
Use rgb and digits
color:rgb(0, 0, 0)";
background-color:rgb(0, 0, 0);
| Color Code | Color Preview | Color Code | Color Preview |
|---|---|---|---|
| rgb(0, 0, 0) | rgb(192,192,192) | ||
| rgb(221, 105, 80) | rgb(171, 73, 53) | ||
| rgb(255, 255, 255) | rgb(161, 165, 162 ) | ||
| rgb(151, 171, 53) | rgb(92, 171, 53) | ||
| rgb(59, 173, 121) | rgb(92, 122, 108) | ||
| rgb(194, 229, 232) | rgb(39, 150, 161) | ||
| rgb( 130, 181, 226) | rgb(45, 104, 157) | ||
| rgb(63, 26, 248) | rgb(234, 232, 245) | ||
| rgb( 238, 118, 245) | rgb(173, 97, 178) | ||
| rgb(88, 37, 91) | rgb(239, 91, 174) | ||
| rgb(254, 6, 145) | rgb(254, 6, 47) | ||
| rgb(249, 166, 179) | rgb(138, 160, 202 ) |
Professional website HTML color codes –
If you are going to create a professional website and want to use HTML color codes then you have to focus on these points and color codes.
1. A professional website should be simple and readable.
2. A professional website contains a simple color code, not dark color codes.
3. Never use the dark HTML color codes for website development.
4. Professional website color should be interesting and smooth.
Professional website HTML color codes –
| Color Code | Color Preview | Color Code | Color Preview |
|---|---|---|---|
| #FEFEFE | #BB3419 | ||
| #F7F7F2 | #44CB32 | ||
| #91C0E1 | #717476 | ||
| #F272EC | #FC0527 | ||
| #010000 | #0D37F5 |
Blogging website color codes –
Blogging website does not contain a lot of colors. Blogging website depends on the content, not colors. A blogging website is a representation of mind activities without a heavy color code combination. Blogging website needs SEO and more color combination restriction of SEO. You have to use a low amount of color combination in the blogging website.
HTML color code for Blogging website –
| Color Code | Color Preview |
|---|---|
| #FEFEFE | |
| #F7F7F2 | |
| #91C0E1 | |
| #F272EC | |
| #010000 |
