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

What is a unitless line-height?

A unitless line-height is a multiplier relative to the font size.

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