percentage to px
A converter that calculates the px from a percentage for a given base size to measure the pixels
Hot Keys
Calculate and copy the result of calculation.
Calculate the result.
Copy the result of calculation.
Reverse the converter to "PX to Percentage".
Focus the "Percentage (%)" input.
Focus the "Base Size" input.
FAQ
How to convert Percentage to PX?
To convert percentage to px, you should know total size of base Then, just apply formula: (percent * base) / 100 For example, with 1000px size of base, 10% will be converted to: (10 * 1000) / 100 = 100px
What is the Percentage to PX formula?
(percent * base) / 100
What is % unit? (Percentage)
Percentage is a number or ratio expressed as a fraction of 100. It is often denoted using the percent sign (%). A percentage is a dimensionless number, primarily used for expressing proportions, but percent is nonetheless a unit of measurement in its orthography and usage. In CSS, it is often used to define a size as relative to an element's parent element. For example, if parent element's size is 1000px, then 1% will be equal to 10px, 1% = 10px.
What is px unit? (Pixels)
Pixel unit is the theorical smallest dot displayed on a computer screen. Nowadays, pixel unit can differ between physical resolution and logical resolution. This difference is called device pixel ratio or DPR: Logical resolution = physical resolution / device pixel ratio. So, a screen with 1024x768 physical resolution with a DPR of 2 will have a 512x384 logical resolution.
Percentage to PX Conversion Table if base size is 1000px
| percentage | px |
|---|---|
| 1% | 10px |
| 2% | 20px |
| 3% | 30px |
| 4% | 40px |
| 5% | 50px |
| 6% | 60px |
| 7% | 70px |
| 8% | 80px |
| 9% | 90px |
| 10% | 100px |
| 11% | 110px |
| 12% | 120px |
| 13% | 130px |
| 14% | 140px |
| 15% | 150px |
| 16% | 160px |
| 17% | 170px |
| 18% | 180px |
| 19% | 190px |
| 20% | 200px |
| 21% | 210px |
| 22% | 220px |
| 23% | 230px |
| 24% | 240px |
| 25% | 250px |