Convert between CSS units including px, em, rem, vh, vw, pt, and percentages. Accurate conversions based on root font size.
16px = 1rem
Conversion Table
| Unit | Value | Copy |
|---|---|---|
| rem | 1 | |
| em | 1 | |
| % | 16 | |
| vw | 0.8333 | |
| vh | 1.4815 | |
| vmin | 1.4815 | |
| vmax | 0.8333 | |
| ch | 2 | |
| ex | 2.6667 |
CSS output will appear here
Adjust the controls to generate CSS
Get the most out of this tool
Adjust the controls to see changes in real time.
What this tool offers
Live Preview
See CSS output update in real time
Copy to Clipboard
One-click copy for easy pasting
Download CSS
Save generated code as a .css file
Visual Controls
Intuitive sliders and inputs
Responsive
Works on desktop, tablet, and mobile
Dark Mode
Easy on the eyes for long sessions
Browser Compatible
Generates cross-browser CSS
No Registration
Free to use, no sign-up required
Methodology and approach
The converter calculates equivalent values across px, em, rem, vh, vw, pt, and % using configurable base font size.
This tool helps front-end developers and designers generate production-ready CSS code quickly and visually. Instead of writing CSS from scratch or looking up syntax, you can configure settings and see the output instantly.
Use this tool whenever you need to create CSS for layouts, visual effects, animations, or responsive designs. It is especially useful for rapid prototyping and learning how different CSS properties affect elements.
The generated CSS uses standard properties supported by all modern browsers. Where experimental features are used, appropriate fallbacks are noted in the output.
Common questions about this tool
