Guided Notes

Colors & Backgrounds

Color names, HEX, RGB, HSL, transparency, background images, and gradients.

Ways to write a color

Slide 1 / 5

The same color can be written several ways:

FormatExampleNotes
NametomatoAbout 140 named colors
HEX#ff6347Red, green, blue as 00–ff; short form #f63
RGBrgb(255 99 71)Each channel 0–255
HSLhsl(9 100% 64%)Hue (0–360Β°), saturation, lightness
With alphargb(255 99 71 / 50%)Adds transparency
← Introduction to CSS