Free tools
English
CSS typography scale
CSS typography scale — choose your inputs and copy or save the result. Input guide: Base, Common ratio, Count. No account needed.
No account needed
Loading tool…
How to use
- 1Input guide: Base, Common ratio, Count.
- 2Run the tool and review the result.
- 3Copy result / Save result file.
Good to know
Check input ranges and units. Results depend on your inputs and your browser.
Ads may process connection data. Personalization follows your privacy choices. Privacy (English)
Worked input and output example
These results come from this tool’s actual engine using the sample values below, not your personal input or saved work. Load the example in the tool to inspect the same inputs.
Example input
| Field | Value |
|---|---|
| Base | 16 |
| Common ratio | 1.25 |
| Count | 6 |
Example result
:root {
--text-0: 16px;
--text-1: 20px;
--text-2: 25px;
--text-3: 31.25px;
--text-4: 39.0625px;
--text-5: 48.8281px;
}Input constraints
These are the actual input validation limits; they are not a guarantee that every accepted value is realistic or that a model applies to your situation.
- Base: Accepted range: 0.000000001 ≤ x ≤ 1,000,000,000,000
- Common ratio: Accepted range: 1 ≤ x ≤ 3
- Count: Accepted range: 1 ≤ x ≤ 16 · Whole numbers only