Convertisseur d'Unités CSS

Entrez une valeur et sélectionnez les unités à convertir. Ajustez les paramètres avancés pour les calculs 'em', 'rem', 'vw', 'vh' et '%'.

De l'Unité

Vers l'Unité

Common CSS Unit Conversions

From	To	Formula
px	rem	px ÷ rootFontSize
px	em	px ÷ parentFontSize
px	vw	(px ÷ viewportWidth) × 100
px	vh	(px ÷ viewportHeight) × 100
px	%	(px ÷ parentFontSize) × 100

Définitions des Unités

px (Pixels): Pixels; une unité absolue relative au dispositif d'affichage.

em: Relatif à la taille de police de l'élément parent.

rem: Relatif à la taille de police de l'élément racine (html).

vw/vh: 1% de la largeur du viewport.

%: Relatif à la valeur de l'élément parent pour la même propriété (par ex., taille de police du parent pour la conversion de taille de police).

pt (Points): Points; une unité absolue (1pt = 1/72 de pouce).

in, cm, mm: Pouces; une unité absolue (1in = 96px)., Centimètres; une unité absolue (1cm ≈ 37,8px)., Millimètres; une unité absolue (1mm = 1/10ème de centimètre).

Comment utiliser Convertisseur d'Unités CSS

1
Saisissez une valeur et des unités
Tapez le nombre à convertir, puis choisissez l'unité de départ et l'unité d'arrivée, par exemple px vers rem.
2
Définissez le contexte avancé
Pour les unités relatives, ouvrez les Paramètres avancés afin de définir la taille de police racine, la taille de police parente et la largeur et hauteur de la fenêtre utilisées dans le calcul.
3
Convertissez
Cliquez sur Convertir pour calculer la valeur équivalente, ou utilisez Inverser pour permuter les unités de départ et d'arrivée.

4
Copiez le résultat
Utilisez Copier le résultat pour récupérer la valeur convertie pour votre feuille de style.

Questions fréquentes

Entre quelles unités CSS peut-il convertir ?

Il convertit entre px, em, rem, %, vw, vh, pt, in, cm et mm, ce qui vous permet de passer librement des unités absolues aux unités relatives et responsives utilisées dans le CSS moderne.

Pourquoi les conversions em, rem et viewport nécessitent-elles des réglages supplémentaires ?

Ces unités sont relatives, leur valeur en pixels dépend donc du contexte. Les paramètres avancés vous permettent de définir la taille de police racine pour rem, la taille de police parente pour em et %, et la largeur et hauteur de la fenêtre pour vw et vh, afin que les résultats correspondent à votre mise en page réelle.

Quelle taille de police de base suppose-t-il ?

Par défaut, il utilise 16px, la taille de police racine habituelle des navigateurs, pour les conversions em et rem. Vous pouvez modifier les tailles de police racine et parente dans les Paramètres avancés si votre design utilise une autre base.

Quelle est la précision des conversions d'unités absolues ?

Les unités absolues suivent la spécification CSS, où 1in vaut 96px, 1pt vaut 1/72 de pouce et 1cm vaut environ 37,8px : les conversions entre px, pt, in, cm et mm sont donc exactes.

Le convertisseur est-il gratuit et s'exécute-t-il localement ?

Oui. Il est gratuit, sans inscription, fonctionne sur mobile et effectue chaque calcul dans votre navigateur : aucune donnée n'est envoyée à un serveur.

Outils similaires

Continuez avec ces outils pratiques

Générateur de Préfixes Vendeur CSS

Générateur de Meta Tags

Générateur de Robots.txt

Open Graph Previewer

Encodeur/Décodeur d'Entités HTML

Visualiseur d'En-têtes HTTP