Regelhoogtecalculator
De regelhoogte calculator adviseert regelhoogte, letterspatiëring en een ideale maximale alineabreedte voor een lettergrootte en toepassing (broodtekst, koppen, UI-labels of displaytekst), met live preview en CSS-output.
Over deze tool
De regelhoogte calculator adviseert regelhoogte, letterspatiëring en een ideale maximale alineabreedte voor een lettergrootte en toepassing (broodtekst, koppen, UI-labels of displaytekst), met live preview en CSS-output.
Zo gebruik je het
- Voer de lettergrootte in pixels in.
- Kies een stijl: broodtekst, kop, UI-label of display.
- Bekijk de voorbeeldalinea en de vier aanbevolen waarden.
- Klik op Copy CSS om de waarden over te nemen in je stylesheet.
Goed om te weten
- Broodtekst leest prettig met een regelhoogte van ongeveer 1.5–1.6 keer de lettergrootte.
- Grote koppen en displaytekst zien er beter uit met een krappere regelhoogte, ongeveer 1.05–1.2.
- Een goed leesbare regellengte is ongeveer 45–75 tekens per regel.
- WCAG 1.4.12 vereist dat content blijft werken als gebruikers de regelhoogte op 1.5 en de letterspatiëring op 0.12 em zetten.
- Line-height-waarden zonder eenheid (zoals 1.6) schalen mee met de lettergrootte van elk element.
Werkt volledig in je browser — niets wat je invoert wordt geüpload of opgeslagen.
Veelgestelde vragen
Wat is een goede regelhoogte voor broodtekst?
Ongeveer 1.5 tot 1.6 keer de lettergrootte. Voor tekst van 16 px is dat zo'n 24–26 px.
Moeten koppen een kleinere regelhoogte hebben?
Ja. Grote tekst heeft minder relatieve ruimte nodig, dus koppen gebruiken meestal 1.1–1.3 en displaytekst nog krapper.
Wat is de ideale regellengte om te lezen?
Ongeveer 45–75 tekens per regel, waarbij zo'n 65 vaak als ideaal voor broodtekst wordt genoemd.
Moet ik line-height zonder eenheid gebruiken in CSS?
Meestal wel. Een waarde zonder eenheid, zoals 1.6, wordt als ratio overgeërfd, zodat onderliggende elementen met andere lettergroottes proportionele ruimte houden.