Convertisseur PX en REM (Unités CSS)
Convertissez une taille CSS en pixels en rem, em, points, pourcentage et unités de fenêtre, pour toute taille de police racine.
Résultats
Ce que fait cet outil
Les tailles en rem suivent la taille de police choisie par le lecteur dans son navigateur : le texte et les espacements en rem grandissent pour ceux qui ont besoin de plus gros caractères, alors que les pixels ignorent ce réglage. Les navigateurs partent de 16 px, d'où 1 rem = 16 px en général ; changez la taille racine si votre feuille de style en fixe une autre sur l'élément html. Un point CSS vaut 1/72 de pouce et un pixel CSS 1/96, donc un pixel vaut toujours 0,75 pt. Pour revenir en arrière, multipliez la valeur en rem par la taille racine.
Formule
rem = px ÷ root size · pt = px × 0.75 · vw = px ÷ viewport width × 100
Variables
| Symbole | Signification | Unité |
|---|---|---|
px | Taille en pixels | px |
bf | Taille de police racine | px |
vw | Largeur de la fenêtre | px |
REM | Taille en rem (et em à la taille racine) | rem |
PT | Taille en points | pt |
PC | En pourcentage de la taille racine | % |
VW | En unités de largeur de fenêtre (vw) | vw |
Exemple résolu
- Taille en pixels24 px
- Taille de police racine16 px
- Largeur de la fenêtre1440 px
- Taille en rem (et em à la taille racine)1,5000 rem
- Taille en points18,00 pt
- En pourcentage de la taille racine150,00 %
- En unités de largeur de fenêtre (vw)1,6667 vw
Limites
- Le calcul s'effectue entièrement dans votre navigateur. Les valeurs saisies ne sont jamais envoyées à un serveur.
- Le calcul est mené en pleine précision et seul l'affichage est arrondi. Si vous recopiez une valeur intermédiaire, de petits écarts peuvent apparaître.