CSS color

Also see the full, alphabetical list of CSS properties

The CSS color property is used for setting the color (more specifically, the foreground color) of elements. The color property can be used in conjunction with the backgound-color property to achieve the desired effect.

Choose your colors quickly with the HTML color picker.

Syntax:	color: <value>
Possible Values:	auto <color>. This value can be expressed as one of the following: keyword (for example, 'red') RGB value - hexadecimal notation (for example #ff0000) RGB value - functional notation (for example rgb(255,000,000) or rgb(100%,0%,0%)) inherit
Initial Value:	Depends on the user agent. For example, your browser sets its own default colors for different elements.
Applies to:	All elements
Inherited:	Yes
Media:	Visual
Example:	`color: red; color: #ff0000; color: rgb(255,0,0); color: rgb(100%,0%,0%);` (These all acheive the same result)
Try it yourself!	HTML Editor <style type="text/css"> h2 { color:olive; } p.question { color: rgb(30%,25%,60%) } p.answer { color:#663300; } </style> <h2>CSS color property example</h2> <p class="question">Is this OK? Should I put a bit more blue in there???</p> <p class="answer">Yeah, just a little bit. Actually, no, leave it - I like it just the way it is!</p>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_color.cfm">CSS color</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites