All designer tools
Unit Converter
px · rem · em · % · vw · vh
Absolute device pixels. Always the same physical size on a given screen.
All conversions
Quick reference
1rem = 16px1em = 16px1vw = 14.40px1vh = 9.00px100% = 1200px1px = 0.0625rem
px
Used for rem conversions
px
Used for em conversions
px
Used for % conversions (assume width)
px
Used for vw conversions
px
Used for vh conversions
Tip: All values are computed live as you type. Click any output row to copy it. Settings persist across sessions.
Keep this context. This browser remembers what you last had open. A free account remembers the ones you name, on every machine you use.
Now use it on something
Every effect, block, page and template in the catalog is styled against tokens shaped exactly like these — so they take your values rather than fighting them.
npx shadcn@latest add https://hoverlab.dev/r/hoverlab.json
- Typography PlaygroundPick from 11 curated font pairings — each with the reasoning written down — tune weight / line-height / letter-spacing / paragraph-spacing, and generate a modular type scale with one of 5 ratio presets. Emits next/font, which self-hosts.
- Color ConverterPaste a color in any CSS format — hex, rgb(), hsl(), or oklch() — and get all four back, one copy button each. OKLCH math is done properly through linear-light OKLab, and out-of-gamut colors are clamped to sRGB and flagged instead of silently shifted.
- Tailwind ↔ CSSTranslate a stylesheet into utilities or a className back into CSS, with a verdict on every line — exact, arbitrary value, arbitrary property, or why it could not be placed. Nothing is dropped in silence.