Convertisseur d'unités CSS
Convertissez vos mesures CSS entre pixels, rem, em, pourcentages, vw, vh, points, pouces et millimètres selon la taille de référence.
Exécuter l’outil
Ce convertisseur d'unités CSS calcule les équivalences entre différentes unités de mesure utilisées dans les feuilles de style web. Il prend en charge les unités absolues comme le pixel, le point, le centimètre, le millimètre ou le pouce, ainsi que les unités relatives telles que le rem, l'em, le pourcentage, le vw et le vh. La conversion s'appuie sur une taille de police de référence et sur les dimensions de la zone d'affichage pour calculer la valeur intermédiaire en pixels avant d'appliquer l'unité finale. Vous pouvez ainsi adapter rapidement des dimensions fixes issues d'une maquette graphique vers des valeurs fluides ou relatives, idéales pour la mise en page adaptative. L'outil arrondit les valeurs calculées à quatre décimales et applique des règles prévisibles lorsque la taille de base ou les dimensions d'affichage valent zéro.
Mode d’emploi
- Saisissez la valeur numérique que vous souhaitez convertir.
- Sélectionnez l'unité source parmi les options disponibles.
- Choisissez l'unité de destination souhaitée.
- Ajustez si nécessaire la taille de police de base ainsi que la largeur et la hauteur du viewport.
- Lancez le calcul pour afficher la valeur convertie et l'équivalent en pixels.
Exemples
- Conversion de 16 px vers rem avec une taille de base de 16 px : le résultat affiché est 1 rem.
- Conversion de 100 vw vers px avec une largeur d'écran de 1920 px : le résultat affiché est 1920 px.
FAQ
Comment s'effectue le calcul entre rem et pixels ?
La valeur en rem est multipliée par la taille de police de base pour obtenir les pixels, ou divisée par cette même base pour passer des pixels aux rem.
Quels facteurs sont appliqués pour les unités absolues comme pt ou in ?
Le calcul utilise 1,33333 pixel par point (pt), 96 pixels par pouce (in), 37,795 pixels par centimètre (cm) et 3,7795 pixels par millimètre (mm).
Que se passe-t-il si la taille de base ou la dimension du viewport vaut zéro ?
Lorsque la taille de base est fixée à zéro, les conversions vers em, rem ou pourcentage renvoient zéro. De même, un viewport de dimension zéro donne zéro pour vw ou vh.