Convertisseur PX en REM

Les unités Rem gardent les mises en page accessibles – elles évoluent en fonction des préférences de taille de police de l'utilisateur – mais personne ne veut diviser par 16 dans sa tête toute la journée. Ce convertisseur effectue l'arithmétique 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 telle que font-size : 0.875rem.

Le champ de taille de police de base permet à l'outil de s'adapter à n'importe quel projet. La valeur par défaut du navigateur est 16px, donc 1rem est égal à 16px par défaut, mais de nombreuses bases de code définissent html { font-size: 62.5% } pour que 1rem soit égal à 10px — entrez 10 comme base et chaque ligne de conversion et de 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 correspond exactement à la différence entre em et rem en CSS.

Sous le résultat, un tableau de référence montre les tailles de conception les plus courantes — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 et 64 pixels — déjà converties dans votre base actuelle, avec la ligne correspondant à la base en surbrillance. Il s'agit de l'aide-mémoire que vous conserveriez autrement enregistré sur votre moniteur, toujours synchronisé avec la base que vous utilisez réellement.

Tout se passe localement dans votre navigateur au fur et à mesure que vous tapez : pas de téléchargement, pas d'inscription, pas d'aller-retour sur le serveur. Les pages prédéfinies pour rem → px, px → em, la base 10px et les valeurs populaires comme 14, 24 et 32 ​​px ouvrent le convertisseur prêt à être configuré pour ces questions exactes.