Convertisseur PX en REM avec base 10px
Convertissez px en rem, rem en px et px en em dans n'importe quelle taille de police de base, avec une ligne CSS prête à copier et une table de référence en direct.
Résultat
Cette page ouvre le convertisseur avec la taille de police de base prédéfinie sur 10 px. Il s'agit de la configuration HTML classique {font-size: 62,5% } : 62,5 % de la valeur par défaut du navigateur 16px est exactement 10px, donc les valeurs rem deviennent trivialement lisibles : 14px équivaut à 1,4rem, 18px équivaut à 1,8rem, 24px équivaut à 2,4rem.
Les équipes adoptent la base 10px justement pour éviter les seizièmes gênants : au lieu de se rappeler que 14px vaut 0,875rem, il suffit de déplacer la virgule décimale. Étant donné que l'astuce utilise un pourcentage plutôt qu'une valeur de pixel fixe, elle respecte toujours la taille de police définie par l'utilisateur dans les préférences du navigateur, ce qui constitue en premier lieu l'argument d'accessibilité pour les unités rem.
Tapez n'importe quelle valeur de pixel pour obtenir son équivalent rem à la base de 10 px avec une ligne CSS prête à copier, et consultez le tableau de référence ci-dessous pour toute l'échelle de 1 à 64 px déjà convertie. Si votre projet utilise une taille de racine différente, modifiez le champ de base et tout suit en direct.