What is a unitless line-height?
A unitless line-height is a multiplier relative to the font size.
Converters
Line Height Ratio Converter
Convert line height in pixels to a CSS unitless ratio and vice versa.
Tool
Line Height Ratio Converter
Convert line height in pixels to a CSS unitless ratio and vice versa.
This tool runs in your browser. Your input is processed locally and is not uploaded.
About this Tool
Use this free online line height ratio converter to convert between pixel values and unitless CSS line-height ratios.
Conversion Formula
px → ratio
ratio = line-height ÷ 16
ratio → px
line-height = ratio × 16
Examples
- 24 px = 1.5
- 32 px = 2
- 1.75 = 28 px
Frequently Asked Questions
Why use a unitless ratio?
It scales automatically when the font size changes.
What is a common line-height ratio?
Values between 1.4 and 1.6 are common for body text.
Related Tools
PX to REM Converter
Convert pixels to rem and rem to pixels instantly.
TOOLPX to EM Converter
Convert pixels to em and em to pixels instantly.
TOOLPT to PX Converter
Convert points to pixels and pixels to points instantly.
TOOLDPI to PPI Converter
Convert dots per inch to pixels per inch and vice versa.
TOOLPX to VW Converter
Convert pixels to viewport width units and vice versa based on a 1920px viewport.
TOOLPX to VH Converter
Convert pixels to viewport height units and vice versa based on a 1080px viewport.
TOOL