Colors & Units

hex, rgb, hsl, oklch and px vs rem vs %.

Video tutorialTrack course · freeCodeCamp

CSS Full Course — Zero to Hero

Speed

0.75x1x1.25x1.5x2x

Skip intro Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions .txt

4/4

1. 00:00Colors & Units. hex, rgb, hsl, oklch and px vs rem vs %.
2. 00:05Absolute units (px) are fixed.
3. 00:10Relative units scale: rem is relative to the root font size, em to the parent, % to the parent's size, and vw/vh to the viewport.
4. 00:20Try it yourself — edit the sample and run it in the browser.

Absolute units (px) are fixed. Relative units scale: rem is relative to the root font size, em to the parent, % to the parent's size, and vw/vh to the viewport.