Popular Conversions
25% of 1200px = 300px, 33.333% of 1200px = 400px, 50% of 375px = 187.5px and 10% of 1440px = 144px.
Convert a percentage of the parent element to pixels. px = % × parent size ÷ 100, so 25% of 1200 px is 300 px.
25% of 1200px = 300px, 33.333% of 1200px = 400px, 50% of 375px = 187.5px and 10% of 1440px = 144px.
Pixels for common percentages of four parent sizes: a phone, a tablet, a 1200 px container and a laptop screen.
| Percent | of 375px | of 768px | of 1200px | of 1440px |
|---|---|---|---|---|
| 1% | 3.75px | 7.68px | 12px | 14.4px |
| 2% | 7.5px | 15.36px | 24px | 28.8px |
| 5% | 18.75px | 38.4px | 60px | 72px |
| 8% | 30px | 61.44px | 96px | 115.2px |
| 10% | 37.5px | 76.8px | 120px | 144px |
| 12.5% | 46.88px | 96px | 150px | 180px |
| 15% | 56.25px | 115.2px | 180px | 216px |
| 16.667% | 62.5px | 128px | 200px | 240px |
| 20% | 75px | 153.6px | 240px | 288px |
| 25% | 93.75px | 192px | 300px | 360px |
| 30% | 112.5px | 230.4px | 360px | 432px |
| 33.333% | 125px | 256px | 400px | 480px |
| 40% | 150px | 307.2px | 480px | 576px |
| 50% | 187.5px | 384px | 600px | 720px |
| 60% | 225px | 460.8px | 720px | 864px |
| 66.667% | 250px | 512px | 800px | 960px |
| 70% | 262.5px | 537.6px | 840px | 1008px |
| 75% | 281.25px | 576px | 900px | 1080px |
| 80% | 300px | 614.4px | 960px | 1152px |
| 90% | 337.5px | 691.2px | 1080px | 1296px |
| 100% | 375px | 768px | 1200px | 1440px |
Grid systems such as Bootstrap divide the row into 12 columns. Here are the column widths as percentages and in a 1200 px row (gutters not included).
| Columns | Percent | Width at 1200px |
|---|---|---|
| 1 of 12 | 8.333% | 100px |
| 2 of 12 | 16.667% | 200px |
| 3 of 12 | 25% | 300px |
| 4 of 12 | 33.333% | 400px |
| 6 of 12 | 50% | 600px |
| 8 of 12 | 66.667% | 800px |
| 9 of 12 | 75% | 900px |
| 12 of 12 | 100% | 1200px |
px = percent × parent size ÷ 100
Example: 40% of a 768 px wide tablet screen is 40 × 768 ÷ 100 = 307.2 px. Remember that width, padding and margin percentages are all measured from the parent's width.
Multiply the percentage by the parent element's size and divide by 100. 25% of 1200 px is 300 px.
50% of 1920 px is 960 px.
One column is 8.333% of the row: 100 px in a 1200 px row, before gutters.
The width of the parent element's content box.
No. All conversions happen entirely in your browser. The values you enter are never sent to our server or saved.