Générateur d'échelle typographique fluide
Calculez une véritable valeur CSS clamp() fluide à partir d'une taille min et d'une taille max sur deux largeurs de viewport, avec la pente et l'intersection détaillées pas à pas et un aperçu de redimensionnement en direct.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Cette page ouvre le calculateur directement en mode échelle typographique avec une base de 16px et un ratio de 1,25 (tierce majeure) déjà sélectionnés — un point de départ solide et largement utilisé pour une échelle typographique. À partir de ces deux seuls nombres, six tailles sont générées : small, base, h4, h3, h2 et h1, chacune étant une valeur clamp() fluide plutôt qu'une taille fixe unique.
Chaque palier maintient la taille de base ancrée à la même valeur sur les terminaisons mobile et bureau, tandis que les titres s'agrandissent de manière plus dynamique sur le viewport large du bureau que sur celui, étroit, du mobile — le principe étant de choisir un ratio plus doux pour les petits écrans et un plus soutenu pour les grands écrans, ce qui est dérivé automatiquement du seul ratio que vous sélectionnez.
Modifier le ratio pour 1,125, 1,2, 1,333 ou 1,5 régénère instantanément l'ensemble du tableau, et le bouton situé en dessous copie les six valeurs clamp() sous la forme d'un bloc de propriétés CSS personnalisées prêt à être collé, auquel le reste de la feuille de styles pourra faire référence.