Passer au contenu
Logo de CrateX.app

CrateX.app

Convertisseur d'unités CSS

Convertissez localement les unités CSS une à une entre px, rem, em, %, vw, vh, vmin, vmax, pt, pc, in, cm, mm, q, ex et ch à l’aide des réglages de taille de police racine, de taille de police de référence EM, de viewport et de référence de pourcentage. Les unités CSS absolues utilisent le rapport fixe 1in = 96px.

px
Touchez pour changer d’unité

Unités de longueur

Typographie

Fenêtre d’affichage

Pourcentage

rem
Touchez pour changer d’unité

Unités de longueur

Typographie

Fenêtre d’affichage

Pourcentage

Convertisseur d'unités CSS

Démarrage rapide

1
Saisissez une valeur et choisissez l'unité source
2
Choisissez l'unité cible ou utilisez Échanger pour inverser
3
Réglez racine/référence EM/%/viewport au besoin ; pour EM, utilisez la taille de police réelle de la propriété.
4
Copiez le résultat converti
5
Changez les préréglages de viewport pour vérifier vw/vh

Scénarios courants

Usages

mise en page responsive, passage design-dev, correspondance densité/impression, conventions de style unifiées

Conseils d'utilisation

Base : 16px à la racine est courant et facilite rem ↔ px
Texte en rem : favorise l'échelle globale et l'a11y ; em pour l'échelle locale des composants
Utilisez les unités de viewport pour les estimations de mise en page : combinez-les avec les breakpoints et des contraintes min/max pour éviter les extrêmes.
Décimales et arrondi : gardez une précision raisonnable pour la lisibilité

Paramètres et contexte

Base REM (Root Font Size) : détermine la conversion rem ↔ px. 16px est courant sur le Web (1rem≈16px). Ajustez-la quand la base du design est différente.
Taille de police de référence EM : saisissez la taille de police réellement utilisée par la propriété. em utilise généralement la taille de police calculée de l’élément courant ; pour font-size et les propriétés similaires relatives à la police, utilisez la taille de police du parent. Cette référence sert également à estimer ex/ch ainsi que % lorsque « Taille de police » est sélectionné.
Référence de % : choisissez Taille de police / Largeur / Hauteur selon le contexte. Mise en page : largeur/hauteur ; typographie : taille de police.
Préréglages de breakpoint : Mobile / Tablette / Bureau / Grand écran règlent aussi le viewport pour une estimation rapide. Ce n'est pas une media query à l'exécution.
Taille du viewport : utilisée pour vw/vh/vmin/vmax et % (largeur/hauteur). Les appareils réels varient avec les barres d'adresse, zones sûres et barres de défilement.
Conseils : 1) 16px est une valeur courante pour la racine et la référence EM, mais utilisez la taille de police réellement employée par la propriété ; 2) vérifiez les pourcentages de mise en page en changeant de breakpoint ; 3) ces réglages facilitent les estimations lors de la conception et ne remplacent pas le calcul DOM/CSS final du navigateur. Les unités absolues utilisent toujours 1in = 96px.

Limitations et compatibilité

La référence de % dépend de la propriété CSS, du bloc contenant et du mode de mise en page ; cet outil utilise la taille de police, la largeur du viewport ou la hauteur du viewport choisie pour l'estimation, pas une mesure réelle du parent/conteneur.
ex/ch sont ici des approximations basées sur la taille de police de référence EM ; les résultats ne constituent pas une inspection des métriques de police et varient selon les polices et les navigateurs.
Les vw/vh/vmin/vmax classiques varient avec les barres de défilement, barres d'adresse et zones sûres ; cet outil ne calcule pas dvh/svh/lvh, vi/vb, safe-area ni les unités de requête de conteneur.
Les conversions d’unités CSS absolues utilisent le rapport fixe 1in = 96px. La mise en correspondance des pixels physiques de l’écran avec une taille imprimée nécessite un processus distinct propre à l’appareil et à l’impression, que cet outil ne fournit pas.

Confidentialité & sécurité

Le traitement s’effectue dans votre navigateur. La valeur saisie, les unités From/To, les valeurs mises en cache par unité, la taille de police racine, la taille de police de référence EM, le viewport, la référence de pourcentage et le choix de breakpoint peuvent rester dans la session actuelle du navigateur ou dans le stockage du navigateur. Si vous enregistrez un espace de travail ou activez la synchronisation WebDAV, ces valeurs peuvent être enregistrées selon vos réglages de synchronisation. Les résultats convertis sont recalculés à partir de la valeur, des unités et des réglages de contexte actuels, et ne sont pas enregistrés comme résultats distincts. Cette page ne récupère aucune URL et n’envoie aucune valeur pour une conversion côté serveur. Sur un appareil partagé, effacez les valeurs, les réglages et les données du site si nécessaire.

FAQ

4

Poursuivez avec ces outils associés pour l’étape suivante.

À propos

À propos de nous
Tarifs

Légal

Conditions d'utilisation
Politique de confidentialité
Politique de cookies

Préférences

Gérer les cookies

Tout le traitement des outils s'effectue localement dans votre navigateur.