Guided Notes
Colors & Backgrounds
Color names, HEX, RGB, HSL, transparency, background images, and gradients.
Ways to write a color
Slide 1 / 5The same color can be written several ways:
| Format | Example | Notes |
|---|---|---|
| Name | tomato | About 140 named colors |
| HEX | #ff6347 | Red, green, blue as 00–ff; short form #f63 |
| RGB | rgb(255 99 71) | Each channel 0–255 |
| HSL | hsl(9 100% 64%) | Hue (0–360°), saturation, lightness |
| With alpha | rgb(255 99 71 / 50%) | Adds transparency |