Unités CSS
px, rem, em et pt
Convertissez les valeurs CSS px, rem, em et pt avec une taille de police de base configurable pour tokens de design, typographie et mises en page responsives.
Qu'est-ce que cet outil ?
Convertissez les valeurs CSS px, rem, em et pt avec une taille de police de base configurable pour tokens de design, typographie et mises en page responsives.
L'outil utilise px comme référence pour calculer rem, em et pt. rem et em dépendent de la taille de police de base; pt suit la référence CSS de 96dpi, où 1pt = 1.333px.
Utile pour aligner tokens de design, échelles typographiques, spacing et spécifications UI avec les unités CSS.
Comment utiliser
- Saisissez le nombre et l'unité source.
- Configurez la taille de police de base.
- Comparez les résultats px, rem, em et pt.
- Vérifiez le root font-size et l'héritage du composant.
Exemples
| Entrée / réglage | Sortie |
|---|---|
16px with 16px base | 16.00px; 1.0000rem; 1.0000em; 12.00pt |
24px with 16px base | 24.00px; 1.5000rem; 1.5000em; 18.00pt |
1.5rem with 16px base | 24.00px; 1.5000rem; 1.5000em; 18.00pt |
Outils et concepts liés
Dernière révision: 2026-05-08