Convert between px, rem, em, and %
| px | rem | Use case |
|---|---|---|
| 10px | 0.625rem | Small text, labels |
| 12px | 0.75rem | Caption text |
| 14px | 0.875rem | Secondary text |
| 16px | 1rem | Body text (default) |
| 18px | 1.125rem | Large body text |
| 20px | 1.25rem | H6 heading |
| 24px | 1.5rem | H5 heading |
| 32px | 2rem | H4 heading |
| 48px | 3rem | H2 heading |