CSS Units Converter - Online CSS Units Converter

Converts px, rem, em, pt and CSS units

Enter value

Result conversion

px
16
rem
1.0000
em
1.0000
pt
12
pc
1.0000
vw
0.8333
vh
1.4815
cm
0.4233
mm
4.2333
in
0.1667

CSS Units Converter - Convert px, rem, em, pt, vw, vh Online for Free

Free online CSS unit conversion tool. Instant conversion between 10 units: px, rem, em, pt, pc, vw, vh, cm, mm, in. Customize base font-size, quick buttons for popular sizes. Useful for responsive design and accessibility.

Outstanding features

Convert 10 CSS units at once
px, rem, em - the most common units
pt, pc - printing unit
vw, vh - viewport units cho responsive
cm, mm, in - physical units
Customize base font-size (default 16px)
Quick buttons: 8, 10, 12, 14, 16, 18, 20, 24, 32, 48, 64px
Copy each unit with one click

Why should you use rem instead of px?

rem (root em) is a relative unit based on the font-size of the root element (html). Advantages: (1) Responsive - changing the root font-size will scale the entire UI, (2) Accessibility - users can increase the font-size in browser settings and the UI will scale accordingly, (3) Maintainable - easy to create a consistent spacing system. px is an absolute unit, does not scale according to user preferences.

Benefits when used

  • •Responsive design is easier
  • •Better accessibility for users
  • •No need to manually calculate
  • •Quickly convert between units
  • •Learn CSS units visually

How to convert CSS units

  1. 1Enter the px value in the input box
  2. 2Or click quick button for popular sizes
  3. 3Adjust base font-size if different from 16px
  4. 4See conversion results for all units
  5. 5Click the copy icon next to the unit to use

Cooperate immediately with Mavis Digital

We not only design websites, but also help businesses build strong digital brands. Providing comprehensive website design services from design to SEO optimization. Please contact Mavis Digital immediately to create breakthrough, effective and sustainable technology solutions for your business in Ho Chi Minh.

Tools Developer Tools related

.env Generator

Create .envand.env.example file for project.

.gitignore Generator

Generate .gitignore for Node.js, Python, Java.

API Mock Generator

Create mock JSON data for API testing.

API Response Formatter

Format and analyze API response.

API Tester

Test REST API: GET, POST, PUT, DELETE.

Base Converter

Convert Binary, Hex, Base32.

Base64 Encoder

Base64 encoding/decoding.

Binary Converter

Convert Decimal, Binary, Hex.

Box Shadow Generator

Create visual CSS box-shadow.

Chmod Calculator

Calculate Linux file permissions.

Color Contrast

Check WCAG accessibility.

Color Generator

Generate random color palette.