Convertisseur PX → REM

Les unités rem maintiennent l’accessibilité des mises en page — elles s’adaptent aux préférences de taille de police de l’utilisateur — mais personne n’a envie de diviser par 16 de tête toute la journée. Ce convertisseur fait le calcul en direct : choisissez la direction (px → rem, rem → px ou px → em), tapez la valeur, et le résultat apparaît instantanément avec une ligne CSS prête à copier comme font-size: 0.875rem.

Le champ de taille de police de base rend l’outil compatible avec n’importe quel projet. La valeur par défaut du navigateur est 16px, donc 1rem équivaut à 16px en standard, mais de nombreuses bases de code utilisent html { font-size: 62.5% } pour que 1rem vaille 10px — saisissez 10 comme base et chaque conversion, chaque ligne du tableau suit. La direction px → em utilise les mêmes mathématiques par rapport à la taille de police de l’élément parent au lieu de la racine, ce qui est précisément la différence entre em et rem en CSS.

Sous le résultat, un tableau de référence montre les tailles de design les plus courantes — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 et 64 pixels — déjà converties avec votre base actuelle, la ligne correspondant à la base étant mise en évidence. C’est l’antisèche que vous scotcheriez autrement sur votre écran, toujours synchronisée avec la base que vous utilisez réellement.

Tout se passe localement dans votre navigateur pendant la saisie : pas d’envoi, pas d’inscription, pas d’aller-retour serveur. Les pages préréglées pour rem → px, px → em, la base de 10px et les valeurs populaires comme 14, 24 et 32 px ouvrent le convertisseur déjà configuré pour ces questions précises.