CSS Unit Converter - Convert px, rem, em, vw, vh and More
Convert between common CSS units for responsive design. Set root/context font sizes and viewport dimensions for accurate conversions.
Benefits
- Quickly translate design specs into responsive units
- Reduce layout bugs caused by mismatched unit assumptions
- Works with font-size and viewport based conversions
Use cases
- Convert px ↔ rem when standardizing typography
- Convert px ↔ vw/vh for fluid spacing
- Convert physical units (cm/in/pt) for print-style CSS
Field guide
- Value: the number to convert
- From / To: source and target units
- Root font: base font-size for rem
- Context px: parent font-size for em
- Viewport W/H: used for vw/vh conversions