Convertisseur Pixel en EM/REM
Convertissez px, rem, em, pt et % avec un tableau en direct et du CSS prêt à copier
rem est relatif à la police racine ; em et % sont relatifs au parent.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
À propos de Convertisseur Pixel en EM/REM
Le convertisseur pixel vers EM/REM traduit les valeurs de longueur CSS entre px, rem, em, pt et pourcentage. Entrez une valeur dans l'une des cinq unités et un tableau en direct affiche son équivalent dans toutes les autres — ainsi qu'un extrait CSS prêt à copier que vous pouvez coller directement dans une feuille de style.
Les conversions respectent la façon dont CSS résout réellement les unités : rem est relatif à la taille de police racine, tandis que em et % sont relatifs à la taille de police de l'élément parent. Les deux tailles de référence sont modifiables, ce qui permet de modéliser une racine de 16 px avec un composant de 14 px, ou toute échelle de design system que vous utilisez.
Un tableau des valeurs courantes répertorie les tailles auxquelles les designers ont le plus souvent recours — ainsi des questions comme « combien font 24px en rem » trouvent une réponse en un coup d'œil. L'outil est gratuit, se met à jour au fur et à mesure de la saisie, et constitue un incontournable pour convertir des maquettes en pixels fixes vers du CSS accessible et évolutif basé sur rem.
Comment utiliser Convertisseur Pixel en EM/REM
- Entrez la valeur à convertir et sélectionnez son unité : px, rem, em, pt ou %.
- Ajustez la taille de police racine (pour rem) et la taille de police parente (pour em et %) si elles diffèrent de 16 px.
- Lisez les valeurs converties dans le tableau en direct.
- Copiez l'extrait CSS généré ou n'importe quelle valeur du tableau des valeurs courantes.