# 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 |