Pixels to Percent

Convert Pixels to Percent for dynamic designs.

Calculation based on root font-size or container size
px
px
Invert the conversion
%
Enter the size of the container or default font-size above to easily calculate the percentage value here.

To calculate Font Size:

If the the font-size is set to 100% in CSS, it means the font size will be 100% of the default font size set in the root element (html). If no custom size is specified, the default is 16px.

To calculate element's inside a container:

Conversion depends on the context in which your elements are placed.
For example, if a 200px element is placed inside a 500px container, the percentage is calculated by 200 / 500 = 0.4 , which is 40%.