Goodfolk Developer Utilities

CSS Unit Converter

Convert common CSS units like px, rem, em, vw, and vh for front-end development.

ValueFrom unitRoot font size (px)Parent font size (px)Viewport width (px)Viewport height (px)

REM is based on the root font size. EM is based on the parent font size. VW and VH are based on the viewport dimensions.

Converted units

Pixels16.00px

REM1.0000rem

EM1.0000em

VW1.1111vw

VH1.7778vh

CSS variables

--size-px: 16.00px;
--size-rem: 1.0000rem;
--size-em: 1.0000em;
--size-vw: 1.1111vw;
--size-vh: 1.7778vh;

Use rem for scalable typography and spacing, px for fixed precision, and viewport units for responsive sizing tied to the browser window.

Related tools

Format, validate, and minify JSON with copy-ready output.

Encode and decode URLs, query strings, and text for safe use in web addresses.

Encode plain text to Base64 and decode Base64 back to readable text.