FR to PX Converter

Convert FR to Pixels.

Loading converter...
Share this tool:

What is FR to PX?

FR to PX conversion translates flexible grid fractions (fr) into actual pixel values. It helps understand how much space each grid column or row occupies. You can also reverse this with PX to FR or use the FR Unit Calculator.

How To Find FR to PX?

To find FR to PX, multiply the fr value by the total available grid width or height. This gives the exact pixel size in a grid layout.

FR to PX Formula

px=
fr × available spacetotal fr
Where:
frFraction Units — The grid fraction value you want to convert.
available spaceAvailable Grid Space — The total width/height of the grid container minus gaps and fixed-size tracks.
total frTotal FR Tracks — The sum of all fraction track values in the grid template.
pxPixels — The calculated pixel size for the grid track.

FR to PX Conversion Table

FR (fr)PX (px)
0.5fr50px
1fr100px
1.5fr150px
2fr200px
3fr300px
4fr400px
5fr500px
6fr600px
7fr700px
8fr800px
9fr900px
10fr1000px
12fr1200px
14fr1400px
15fr1500px
16fr1600px
18fr1800px
20fr2000px
24fr2400px
28fr2800px
30fr3000px
32fr3200px
36fr3600px
40fr4000px
44fr4400px
48fr4800px
50fr5000px
60fr6000px
64fr6400px
72fr7200px
80fr8000px
90fr9000px
96fr9600px
100fr10000px