Convert CSS Units (px, rem, em, vh, vw) Online
Convert between CSS length units with configurable base sizes. Switch between px, rem, em, %, vh, vw, and more - essential for responsive design and accessibility.
CSS Units Converter
Convert between px, rem, em, vw, vh, %, pt, cm, mm, in and other CSS units
All Conversions
Conversion Formulas
Quick Reference (root: 16px, parent: 16px)
| px | rem | em | pt | vw | vh | Note |
|---|---|---|---|---|---|---|
| 1 | 0.0625 | 0.0625 | 0.75 | 0.052083 | 0.092593 | Hairline |
| 4 | 0.25 | 0.25 | 3 | 0.208333 | 0.37037 | 0.25rem |
| 8 | 0.5 | 0.5 | 6 | 0.416667 | 0.740741 | 0.5rem |
| 10 | 0.625 | 0.625 | 7.5 | 0.520833 | 0.925926 | Small text |
| 12 | 0.75 | 0.75 | 9 | 0.625 | 1.111111 | 0.75rem |
| 14 | 0.875 | 0.875 | 10.5 | 0.729167 | 1.296296 | Body small |
| 16 | 1 | 1 | 12 | 0.833333 | 1.481481 | 1rem (base) |
| 18 | 1.125 | 1.125 | 13.5 | 0.9375 | 1.666667 | 1.125rem |
| 20 | 1.25 | 1.25 | 15 | 1.041667 | 1.851852 | 1.25rem |
| 24 | 1.5 | 1.5 | 18 | 1.25 | 2.222222 | 1.5rem / heading |
| 32 | 2 | 2 | 24 | 1.666667 | 2.962963 | 2rem |
| 48 | 3 | 3 | 36 | 2.5 | 4.444444 | 3rem |
| 64 | 4 | 4 | 48 | 3.333333 | 5.925926 | 4rem |
| 96 | 6 | 6 | 72 | 5 | 8.888889 | 6rem / 1in |
Quick Start
- 1Enter a value and select the source unit
- 2Choose the target CSS unit
- 3Set the base font size if converting rem/em
- 4Copy the converted value for your stylesheet
More Convert Tools
All converters →Convert Unix Timestamps Online
Convert between Unix timestamps and human-readable dates. Free online timestamp converter with timezone support.
Convert Units Online (Length, Weight, Temperature)
Convert between length, weight, temperature, area, and volume units. Free online unit converter.
Convert HTML to JSX Online
Paste HTML and convert it to valid JSX for React. Free online HTML to JSX converter that handles className, style objects, and self-closing tags.
Convert JSON to XML Online
Paste JSON and convert it to XML format instantly. Free online JSON to XML converter with formatting and download.
Convert TOML to JSON Online
Paste TOML and convert it to JSON instantly. Free online TOML to JSON converter for Cargo.toml, pyproject.toml, and config files.
Convert Design Tokens Between CSS, SCSS, and JSON
Convert design tokens between CSS custom properties, SCSS variables, and JSON formats. Free online design token converter.
Looking for FAQs and advanced options? Visit the full CSS Units Converter page →