CSS Unit Converter & Fluid Type

Convert px, rem, em, vh, vw, and %; build linear clamp() for fluid type; convert HEX, RGB, and HSL — all in your browser with live previews.

Preview

The quick brown fox jumps over the lazy dog.

Output

1rem

🔒 Processed 100% in-browser. No data is sent to any API.

How to use this tool

  1. 1Open Unit conversion to translate between px, rem, em, vh, vw, and percent using your root and viewport settings
  2. 2Use Fluid type to set min/max viewport and font sizes, then copy the clamp() CSS
  3. 3Switch to Color for HEX, RGB, and HSL with a live swatch
  4. 4Copy outputs from the panel on the right — everything runs locally

Privacy

All math and color conversion run in your browser. Nothing is uploaded or logged.

🔒 Processed locally in your browser.