MENU
Color Values
RESETRUNFULL
<!DOCTYPE html><html><head>
<style>
body {background: green;}
</style>
<body></body></html>A CSS color can be specified in several ways:
- By #RGB HEX, eg. #0F0
- By #RRGGBB HEX, eg. #00FF00
- By decimal RGB, eg. rgb(0,255,0)
- By decimal RGBA, eg. rgba(0,255,0,0.3)
- By % RGB, eg. rgb(0%,100%,0%)
- By % RGBA, eg. rgba(0,100%,0,0.3)
- By HSL, eg. hsl(120,40%,70%)
- By HSLA, eg. hsla(300,40%,70%, 0.5)
- By Name, eg. green
'RGB' is an acronym for Red-Green-Blue.
'HSL' is an acronym for Hue-Saturation-Light.
'A' refers to the alpha channel and can range from 0(fully transparent) to 1(fully opaque).
The color names are case-insensitive:
- Pink, LightPink, HotPink, DeepPink, PaleVioletRed, MediumVioletRed,
- LightSalmon, Salmon, DarkSalmon, LightCoral, IndianRed, Crimson, Firebrick, DarkRed, Red
- OrangeRed, Tomato, Coral, DarkOrange, Orange
- Yellow, LightYellow, LemonChiffon, LightGoldenrodYellow , PapayaWhip, Moccasin, PeachPuff, PaleGoldenrod, Khaki, DarkKhaki, Gold
- Cornsilk, BlanchedAlmond, Bisque, NavajoWhite, Wheat, Burlywood, Tan, RosyBrown, SandyBrown, Goldenrod, DarkGoldenrod, Peru, Chocolate, SaddleBrown, Sienna, Brown, Maroon
- DarkOliveGreen, Olive, OliveDrab, YellowGreen, LimeGreen, Lime, LawnGreen, Chartreuse, GreenYellow, SpringGreen, MediumSpringGreen , LightGreen, PaleGreen, DarkSeaGreen,MediumAquamarine, MediumSeaGreen, SeaGreen, ForestGreen, Green, DarkGreen
- Aqua, Cyan, LightCyan, PaleTurquoise, Aquamarine, Turquoise, MediumTurquoise, DarkTurquoise, LightSeaGreen, CadetBlue, DarkCyan, Teal
- LightSteelBlue PowderBlue, LightBlue, SkyBlue, LightSkyBlue, DeepSkyBlue, DodgerBlue, CornflowerBlue, SteelBlue, RoyalBlue, Blue, MediumBlue, DarkBlue, Navy, MidnightBlue
- Lavender, Thistle, Plum, Violet, Orchid, Fuchsia, Magenta, MediumOrchid, MediumPurple, BlueViolet, DarkViolet, DarkOrchid, DarkMagenta, Purple, Indigo, DarkSlateBlue, SlateBlue, MediumSlateBlue
- White, Snow, Honeydew, MintCream, Azure, AliceBlue, GhostWhite, WhiteSmoke, Seashell, Beige, OldLace, FloralWhite, Ivory, AntiqueWhite, Linen, LavenderBlush, MistyRose
- Gainsboro, LightGray, Silver, DarkGray, Gray, DimGray, LightSlateGray, SlateGray, DarkSlateGray