Saturation, represented by a percentage, refers to the intensity of the color. The hue value corresponds to the position on the color wheel and is represented by a CSS angle value most commonly, deg units are used. HSLĪn initialism for “hue, saturation, light,” HSL also consists of three values. For example, rgb(50,100,0) would be #326400.Īlthough I usually find myself reaching for RGB (particularly hexadecimal) out of habit, I often find that it is hard to read and especially hard to manipulate. If all values are equal, the color will be grayscale if all values are zero, the result will be black and if all values are 255, the result will be white.Īlternatively, you can notate RGB colors using the hexadecimal notation, in which each color’s integer is converted from base 10 to base 16. RGB is an “additive” color system, which means that the higher each number is, the brighter the end color will be. In CSS, each of these numbers is in the range of 0–255 and would be written as comma-separated parameters of the CSS rgb function. RGBĪn initialism for “red, green, blue,” RGB consists of three numbers that each signify how much light of its respective color is included in the resulting end color. CSS uses two different color models: RGB and HSL. But before we do, we need a baseline understanding of how CSS notates colors.

I know you’re here to learn about manipulating colors - and we’ll get there. How to manipulate CSS colors with JavaScript I love to learn and teach all things web dev. Adam Giese Follow Software Engineer at Under Armour: Connected Fitness.

Css color codes fefefe