Typografie-schaalgenerator
Kies een basislettergrootte en een modulaire schaalverhouding (zoals de gulden snede of een grote terts), en deze tool genereert een volledige reeks proportionele tekstgroottes — van kleine bijschriften tot grote koppen — zodat je tekstgroottes samenhangend aanvoelen in plaats van willekeurig gekozen. Kopieer het resultaat als een kant-en-klaar CSS-custom-properties-blok.
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;Hoe het werkt
Een modulaire schaal vermenigvuldigt je basislettergrootte stap voor stap met een vaste verhouding, in beide richtingen — negatieve stappen krimpen richting bijschriften en kleine lettertjes, positieve stappen groeien richting koppen en display-tekst. Het resultaat is een reeks groottes die allemaal dezelfde proportionele relatie delen, wat doorgaans doordachter oogt dan willekeurig gekozen groottes.
Een verhouding kiezen
Kleinere verhoudingen zoals kleine secunde of grote secunde leveren subtiele, dicht bij elkaar liggende groottes op, geschikt voor dichte interfaces; grotere verhoudingen zoals reine kwart of de gulden snede zorgen voor een dramatischer contrast, wat goed werkt voor redactionele of marketingpagina's met een paar stevige koppen.
Meer tools in deze categorie
Belichtingscalculator
Vind gelijkwaardige camerabelichtingen voor diafragma, sluitertijd en ISO.
Beeldverhouding-calculator
Schaal een afbeelding of video proportioneel en vind de vereenvoudigde verhouding.
CSS-verloopgenerator
Ontwerp een lineair of radiaal CSS-verloop en kopieer de gegenereerde code.
Contrastchecker
Controleer of een voorgrond- en achtergrondkleur voldoen aan de WCAG-contrastrichtlijnen.
Kleurenpalet-generator
Zet elke basiskleur om in complementaire, analoge en triadische kleurenpaletten.
Kleurformaat-converter
Zet elke kleur direct om tussen HEX, RGB, HSL en CMYK, met een kopieerknop per formaat.