HTML color code - color code table in html
The color displayed is a combination of 3 colors red, green and blue. Below is a table of color codes in html and how to use color codes in html
Color name
With CSS, colors can be set using the color name.
Eg:
| Color | Name |
|---|---|
|
Red |
| Yellow | |
| Glaucous | |
| Blue | |
| Bright red |
Color name supported by all browsers
All modern browsers support the following 140 color names (click the color name or hex value, to see the color as a background color along with different text colors):
CSS Color Values
With CSS, colors can be specified in a variety of ways:
- By color name
- As RGB value
- As a hexadecimal value
- As HSL (CSS3) value
- As HWB value (CSS4)
- With keyword currentcolor
RGB color
RGB color values are supported in all browsers.
RGB color values are specified with: rgb (RED, GREEN, BLUE).
Each parameter that defines the intensity of the color is an integer between 0 and 255.
For example, rgb(0,0,255) is displayed as blue, because the blue parameter is set to the highest value (255) and the other parameters are set to 0.
Eg:
| Color | RGB | Color |
|---|---|---|
|
|
rgb(255,0,0) | Red |
| rgb(0,255,0) | Green | |
| rgb(0,0,255) | Blue |
Shades of gray are usually determined using equal values for all 3 light sources:
Eg:
| Color | RGB | Color |
|---|---|---|
|
rgb(0,0,0) | Black |
| rgb(128,128,128) | Grey | |
| rgb(255,255,255) | White |
Hexadecimal color
Hexadecimal color values are also supported in all browsers.
Hexadecimal colors are specified with: #RRGGBB.
RR (red), GG (green), and BB (blue) are hexadecimal integers from 00 to FF specifying the intensity of the color.
For example, #0000FF is displayed as blue, because the blue component is set to the highest value (FF) and the others are set to 00.
Eg:
| Color | HEX | RGB | Color |
|---|---|---|---|
|
#FF0000 | rgb(255,0,0) | Red |
| #00FF00 | rgb(0,255,0) | Green | |
| #0000FF | rgb(0,0,255) | Blue |
Shades of gray are usually determined using equal values for all 3 light sources.
Eg:
| Color | HEX | RGB | Color |
|---|---|---|---|
|
#000000 | rgb(0,0,0) | Black |
| #808080 | rgb(128,128,128) | Grey | |
| #FFFFFF | rgb(255,255,255) | White |
Note: You can use uppercase or lowercase letters to specify hexadecimal values. Lowercase letters are easier to write, and uppercase letters are easier to read.
keyword currentcolor
The currentcolor keyword refers to the color property value of an element.
For example, the border color of the following element would be blue because the element's text color is blue:
#myDIV { color: blue; /* Blue text color */ border: 10px solid currentcolor; /* Blue border color */ }
- 35 tools, scripts and plugins to build HTML Table
- How to Use Text Color Tags in HTML
- 17 simple HTML codes you can learn in 10 minutes
- How to Get the Hex Code of a Color on Your Computer Screen
- How to add color coded terminal code to Microsoft Word
- Why write neat and organized HTML?
- Style properties in HTML
- How to Run HTML Files on Visual Studio Code
- Computer code element in HTML
- HTML editor online
- Standard color encoding for programmers and designers
- 4 software to help get professional color codes
- Basic examples of HTML
- 5 free online HTML editing tools that test the best code