Convertisseur d'unités CSS
Convertissez les longueurs CSS entre px, rem, em, pt et % par rapport à n'importe quelle taille de police racine.
Convertisseur d'unités CSS
Collez les valeurs CSS une par ligne – 16px, 1,5rem, 12pt, 150% – et ce convertisseur les traduit instantanément. Un nombre nu est lu dans l'unité définie par la sélection From, tandis qu'une unité écrite dans la ligne gagne toujours, vous pouvez donc mélanger les pixels et les rems dans une seule liste. Choisissez une cible sous À ou choisissez Toutes les unités pour voir l'ensemble de la chaîne en un coup d'œil : 16px = 1rem = 12pt = 100 %. Les lignes qui ne sont pas des valeurs simples passent inchangées, donc un commentaire parasite n'interrompt jamais l'exécution.
Le calcul dépend d'un seul chiffre : la taille de base, la taille de la police racine en pixels. Les navigateurs utilisent par défaut 16 px, c'est pourquoi 1rem équivaut généralement à 16 px et 100 % équivaut à la base. Définissez la base sur 10 pour l'astuce classique de 62,5 % où 1,5rem équivaut à 15 px, ou faites correspondre un système de conception avec une racine différente. Les points sont fixés par CSS lui-même : 1 px équivaut à 1/96 de pouce et 1 pt équivaut à 1/72, donc 16 px équivaut exactement à 12 pt quelle que soit la base. L’option décimales limite la précision jusqu’à six positions, les zéros à droite étant tronqués.
Rem est l'unité conviviale : elle s'adapte aux préférences de taille de police du navigateur du lecteur, de sorte que le texte défini dans rem s'agrandit lorsque quelqu'un augmente sa taille par défaut, tandis que px reste fixe. Em utilise les mêmes calculs ici, mais dans une vraie feuille de style, cela est relatif à la taille de police de l'élément, donc les valeurs em imbriquées sont composées là où rem ne le fait pas - ce convertisseur suppose le cas plat, relatif à la racine.
Tout s'exécute localement dans votre navigateur : rien n'est téléchargé et il n'y a rien à attendre. Copiez la liste convertie ou téléchargez-la sous forme de fichier .txt.