PX to VW Converter
Pixels to vw, then the same vw across eight viewport widths so you can see it collapse on a phone, plus the clamp() that stops it.
48px at 1920 = 2.5vw · 9px on a phoneCSS Values 4 →The measurements behind a layout: type scales, font pairings, ratios, and converting between the units CSS and print disagree about.
Pixels to vw, then the same vw across eight viewport widths so you can see it collapse on a phone, plus the clamp() that stops it.
48px at 1920 = 2.5vw · 9px on a phoneCSS Values 4 →Inches to centimetres at exactly 2.54, which has been the definition since 1959, with the pixel and point equivalents alongside.
Exact since 1959, not a roundingArithmetic →Millimetres to CSS pixels at the specified 3.779528 to the millimetre, plus what those pixels actually measure on a real screen.
Exact by definition, not by measurementCSS Values →Divide a length at φ, get the type scale and the golden rectangle, and read why the ratio is useful without being the law of beauty it is sold as.
960px → 593.313 + 366.687 · scale to 109.666pxArithmetic →Column width from container, columns and gutter, solved in any direction, with the span table and the reminder that twelve columns have eleven gutters.
1200px, 12 cols, 24px gap → 78px · span 4 = 384pxArithmetic →What an image prints at, what resolution a size needs, and why a 1200 dpi printer wants a 150 ppi file rather than a 1200 ppi one.
Dots of ink are not pixelsArithmetic →Fibonacci terms through BigInt, exact past F(79) where a JavaScript number stops being, with the golden ratio convergence decided exactly.
A double is wrong from term 79BigInt →Fourteen font pairings that work, set in your own words, with the CSS, the theme.json or the link tags to put them on a site.
--font-heading: "Fraunces", Georgia, serif;Google Fonts →Convert one CSS length into every other unit, with the context each relative unit depends on stated rather than assumed.
2rem → 32px · 24pt · 2.5vwCSS Values 4 →Work out the missing dimension at a given ratio, see the ratio reduced to its smallest terms, and copy the CSS that holds it at any width.
1200 wide at 16 / 9 → 675 tallCSS Sizing 4 →Generate valid, ready-to-paste WordPress code in seconds without configuring a local runtime.
Your input is never uploaded
No submit button, no waiting
Copy, download or share a link
Built by Pixarlabs for WordPress
Clean output that follows WordPress conventions, no bloat, and everything computed in your browser.
Tools run in your browser. Database names, prefixes and secret salts you type are never sent to a server.
$ uploaded: 0 bytesGenerated code uses translatable labels, safely quoted values and the core hooks WordPress expects.
$ add_action( 'init', 'register_book' );Copy the result, download a ready file, or share a link that restores your settings.
$ download wp-config.php