Passer au contenu principal
Redmoon Converters
🎨 Design et création

Générateur d'Échelle Typographique (Échelle Modulaire)

Générez une échelle typographique modulaire à partir de n'importe quelle taille de base et ratio (1.125 à 1.618) et copiez-la en propriétés CSS personnalisées ou configuration Tailwind.

La valeur par défaut du navigateur est 16 px.
Aperçu de l'échelle
Base 16 px · Ratio 1.2
PalierpxrememHauteur de ligneAperçu
Comment fonctionne le calcul

Une échelle modulaire multiplie la base par le ratio à chaque palier vers le haut, et divise à chaque palier vers le bas. Le palier 0 est la base, le palier 1 = base × ratio, le palier −1 = base ÷ ratio, etc.

La hauteur de ligne suggérée diminue à mesure que la taille augmente : 1,6 pour le corps de texte, 1,4 pour les titres, 1,1 pour les tailles d'affichage — calculée comme `1.7 − 0.1 × stepAbove` bornée entre [1.05, 1.7].

Aussi connu sous le nom de

typography scale calculatormodular type scalerem font size scalecss type scale

Outils similaires