Convertisseur d'unités CSS
Convertissez entre px, em, rem, %, pt, vw et vh.
À propos du convertisseur d'unités CSS
Cet outil convertit instantanément une valeur entre les principales unités CSS : px, em, rem, pourcentage, pt, vw et vh. Indiquez une valeur et son unité de départ, et tous les équivalents apparaissent simultanément. Vous pouvez personnaliser la taille de police de base pour que les calculs en em et rem correspondent exactement à votre projet.
Comprendre les unités relatives et absolues
Les pixels et les points sont des unités absolues, pratiques pour des valeurs fixes. Les unités relatives (em, rem, %) s'adaptent à la taille de police de référence, ce qui les rend idéales pour un design accessible et fluide qui respecte les préférences de l'utilisateur. Les unités viewport (vw, vh) dépendent quant à elles des dimensions de la fenêtre, utiles pour des mises en page responsives.
Pourquoi convertir ses unités CSS ?
Passer du px au rem améliore l'accessibilité en laissant le texte s'agrandir avec les réglages du navigateur. Convertir vers le vw aide à concevoir des typographies fluides. Cet outil évite les calculs manuels source d'erreurs et accélère votre intégration. Tout se calcule localement dans le navigateur, sans envoi de données, et chaque résultat se copie en un clic.
Questions fréquentes
- Quelles unités CSS puis-je convertir ?
- L'outil convertit entre les pixels (px), em, rem, pourcentage (%), points (pt), viewport width (vw) et viewport height (vh). Saisissez une valeur et son unité, puis tous les équivalents s'affichent en même temps.
- Pourquoi définir une taille de police de base ?
- Les unités relatives em et rem dépendent d'une taille de référence. Par défaut, le navigateur applique 16 px. En ajustant la taille de police de base, vous obtenez des conversions em et rem exactes correspondant à votre projet ou à la configuration de l'utilisateur.
- Comment sont calculées les unités vw et vh ?
- Les unités viewport sont calculées sur une base de référence de 1920 px de large pour le vw et 1080 px de haut pour le vh. Une valeur de 1 vw équivaut donc à 1 % de cette largeur. Adaptez le résultat si votre viewport cible diffère.
- Quelle est la différence entre em et rem ?
- Le rem se réfère toujours à la taille de police de l'élément racine, tandis que le em se base sur la taille de police de l'élément parent. Dans cet outil, les deux sont calculés à partir de la taille de police de base que vous définissez, ce qui donne le même résultat numérique.
- Comment copier une valeur convertie ?
- Il suffit de cliquer sur la carte de l'unité souhaitée dans la section Résultats. La valeur formatée, avec son unité, est immédiatement copiée dans votre presse-papiers, prête à être collée dans votre feuille de style.