Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur de taille de police clamp()
Créez une taille de texte fluide à partir de limites de police et de largeur de fenêtre, en px ou en rem.
Les rem sont calculés à partir de la taille racine indiquée. Vérifiez aussi le zoom du navigateur et l’agrandissement du texte dans votre page finale.
Une typographie soignée rend chaque phrase plus agréable à lire.
CSS
À propos de cet outil
Fixez les tailles d’un titre sur petit et grand écran, puis vérifiez leur progression.
Mode d’emploi
Indiquez les tailles minimale et maximale, ainsi que leurs largeurs de fenêtre correspondantes. Choisissez px ou rem, faites varier la largeur simulée et récupérez font-size: clamp(...). Les largeurs doivent être croissantes et la taille minimale ne peut pas dépasser la maximale.
La taille évolue linéairement dans l’intervalle puis reste bornée au-delà. Pour rem, renseignez la taille de police racine réelle de votre page. La formule dépend de la fenêtre, pas du conteneur, et ne modifie aucun autre réglage typographique.
Questions fréquentes
Pourquoi indiquer la taille racine avec rem ?
L’aperçu l’utilise pour convertir rem en pixels. Elle doit correspondre à votre page. La formule suit la largeur de fenêtre ; une autre taille racine change son comportement.
Comment obtenir 16px sur mobile et 32px sur ordinateur ?
Choisissez px, avec une taille de 16px pour un viewport de 400px et de 32px pour 1200px. Le résultat est clamp(16px, 8px + 2vw, 32px) : il donne 24px à 800px et reste aux limites hors de cet intervalle. Il suit la largeur du viewport, pas celle du conteneur.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0