Page 124 - CSS
P. 124
.also-blue {
/* Percentile RGB values*/
color: rgb(0%, 0%, 100%);
}
Syntax
rgb(<red>, <green>, <blue>)
Value Description
<red> an integer from 0 - 255 or percentage from 0 - 100%
<green> an integer from 0 - 255 or percentage from 0 - 100%
<blue> an integer from 0 - 255 or percentage from 0 - 100%
hsl() Notation
HSL stands for hue ("which color"), saturation ("how much color") and lightness ("how much
white").
Hue is represented as an angle from 0° to 360° (without units), while saturation and lightness are
represented as percentages.
p {
color: hsl(240, 100%, 50%); /* Blue */
}
Syntax
color: hsl(<hue>, <saturation>%, <lightness>%);
Value Description
specified in degrees around the color wheel (without units), where 0° is red,
<hue> 60° is yellow, 120° is green, 180° is cyan, 240° is blue, 300° is magenta, and
360° is red
specified in percentage where 0% is fully desaturated (grayscale) and 100% is
<saturation>
fully saturated (vividly colored)
<lightness> specified in percentage where 0% is fully black and 100% is fully white
https://riptutorial.com/ 102

