Quackit

This is the print version of http://www.quackit.com/css/properties/css_color.cfm

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!


Also see all CSS properties listed alphabetically