Foreground color refers to text color and uses the property term color.
h1 (color: green;)
| Value | Example | Notes |
|---|---|---|
| RGB | color: rgb(100,090,255);} | color numbers range from 0 (Least) to 255 (most) |
| Hex Code | color: #ee3e80;} | Six digit code with pound sign. |
| Color Name | color: green;} | Name must be legal. |
Backgrounds of Block Level Elements can be set.
backgrond-color: red;}
Background default is white.
Introduced in CSS3, Opacity Value allows elements to be see through.
to utilize the Opacity Value, use the property rgba.
Opacity Value is rated from 0.0 (invisible) to 1.0 (solid).
Example: color: rgba(000,000,000,0.5);} (Black at 1/2 Opacity).
Some browsers will not recognize CSS3 commands so always have an ALT color value.
Place AlT colors before rgba colors becuase of Last Priority.
HSL stands for Hue, Saturation, Lightness
Hue: a color on the color wheel expressed as number from 0-360.
Saturation: Amount of gray in a color. Represented as percentage from 0% to 100%.
Lightness:Amount of white (0%) or black (100%) in a color.
| Value | Range | Example |
|---|---|---|
| Hue | 200 | Hue value of 200 |
| Saturation | 30% | 0% gray, 100% No gray |
| Lightness | 30% | 0% black, 100% White |
HSLA ads an apha channel that works the same as rgba.
Example: color: hsla(200,30%,30%, 0.5);}