CSS Unit Converter

Convert between px, rem, em, pt, %, vw and vh

Value

From unit

Root font size (px)

Parent font size (px)

Viewport width (px)

Viewport height (px)

px24px

rem1.5rem

em1.5em

pt18pt

%150%

vw1.25vw

vh2.2222vh

How each unit is resolved

• rem is relative to the root font size; em to the parent element's font size
• pt uses the CSS fixed ratio 1pt = 1.333px (96/72)
• % here is treated as a percentage of the parent font size (as for font-size)
• vw / vh are 1% of the viewport width / height you set above

Image Resizer

Resize images to exact dimensions or social media presets with format and quality control.

Gradient Generator

Build CSS linear, radial, and conic gradients visually with live preview and one-click copy.

Placeholder Image Generator

Generate placeholder images with custom dimensions, colors, and text. Export as PNG, SVG, HTML, or Markdown.