Free Coding Ebook 👉 Get Now
Use Color in CSS BY Color Name, Hexadecimal Color & RGB Color Value
In this article, we learn how to use Css Color on the html tags. we can use Css color in 3 ways.
CSS colors are commonly specified using the following:
- Color Name
- Hexadecimal Color Value
- RGB Color Value
ADVERTISEMENT
Color Name
It defines any valid color by its color name e.g.Red , Green , Blue, etc.
Example:
.color-name {
color:red;
}
Hexadecimal Color Value
Also known as Hex Color Value. It defines any valid color by a hash followed by letters and/or numbers e.g. #00FF00,etc.
Example:
.hex-code {
color: #00ff00;
}
RGB Color Value
RGB stands for Red, Green, and Blue. It defines any valid color using the rgb() . CSS function by this format: rgb( value1 , value2 , value3 )e.g. rgb(124,252,0) .
Note: The <value> should only be from 0 to 255.
Restaurant Website Using HTML And CSS With Source Code
The Values represent the intensity of the red, green, and blue colors in that particular order.
Example:
#rgb-color {
color: rgb(0, 0, 255);
}
Most Common CSS Colors Code with Color Name, Hex and RGB Color Values
| Color | Color Name | Hex Color Value | RGB Color Value |
|---|---|---|---|
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #C0C0C0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) | |
| Red | #ff0000 | rgb(255, 0, 0) | |
| Maroon | #800000 | rgb(128, 0, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| Olive | #808000 | rgb(128, 128, 0) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Aqua | #00ffff | rgb(0, 255, 255) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| Navy | #000080 | rgb(0, 0, 128) | |
| Fuchsia | #ff00ff | rgb(255, 0, 255) | |
| Purple | #800080 | rgb(128, 0, 128) |
that’s it for today hope you like this article and you can visit more articles and create HTML, Css, and javascript projects.
50+ HTML, CSS & JavaScript Projects With Source Code
Thanks For Reading!
