CSS Units
- Free forever
- No sign-up
- Instant results
Percentage to PX Converter
Know a CSS percentage and need the actual pixel size? Enter the percentage and parent container size to get the pixel equivalent. Great for debugging fluid layouts.
Pixel value
—
When would you use this?
The reverse of the percentage converter. Useful when you know the percentage and need to figure out the actual pixel size. Handy for debugging: you've got a 33.33% column inside a 1200px container and you want to know how wide that actually is in pixels. Plug in the values and get your answer.
Common % → PX values (16px base)
| Percent | Pixels | Common use |
|---|---|---|
| 6.25% | 1px | Hairline / tiny offset |
| 12.5% | 2px | Fine border / subtle detail |
| 25% | 4px | Small spacing unit |
| 37.5% | 6px | Tight spacing |
| 50% | 8px | Half base unit |
| 62.5% | 10px | Useful for 10px scaling trick |
| 75% | 12px | Smaller text / compact spacing |
| 100% | 16px | Browser default base |
| 112.5% | 18px | Slightly larger base size |
| 125% | 20px | Larger root size |
| 150% | 24px | Large accessibility base |
| 200% | 32px | Double base size |