Type Scale Generator | Tools | Mihir Pipermitwala

Base size (px)

Ratio

Scale preview (steps −2 → +6)

-210.2px / 0.640remAa

-112.8px / 0.800remAa

016.0px / 1.000remAa

+120.0px / 1.250remAa

+225.0px / 1.563remAa

+331.3px / 1.953remAa

+439.1px / 2.441remAa

+548.8px / 3.052remAa

+661.0px / 3.815remAa

CSS output

:root {
  --text--2: 0.640rem; /* 10px */
  --text--1: 0.800rem; /* 13px */
  --text-0: 1.000rem; /* 16px */
  --text-1: 1.250rem; /* 20px */
  --text-2: 1.563rem; /* 25px */
  --text-3: 1.953rem; /* 31px */
  --text-4: 2.441rem; /* 39px */
  --text-5: 3.052rem; /* 49px */
  --text-6: 3.815rem; /* 61px */
}