Aller à l'outil
JoeLucky

Cliquez sur ★ pour enregistrer un outil

Catégories d'outils

Code en imageGénérateur de dégradés CSSGlassmorphism CSSGénérateur de box-shadowGénérateur de loaders CSSGénérateur de blobs SVGSVG en PNGVérificateur de contrasteConvertisseur PX / REM / EM
JoeLucky

Des outils en ligne pratiques, tous au même endroit

Politique de confidentialitéConditions d'utilisation

© 2026 JoeLucky®. Tous droits réservés.

  1. JoeLucky
  2. /CSS et design
  3. /Convertisseur PX / REM / EM

Convertisseur PX / REM / EM

Convertissez entre px, rem et em avec une taille de police racine personnalisée, y compris en liste par lot.

Le rem est toujours calculé par rapport à cette taille de police racine.

L'em est calculé par rapport à cette taille de police parente/de contexte distincte, et non à la taille racine ci-dessus.

px

16

rem

1

em

1

CSS ET DESIGN SIMILAIRES

Tout voir
Code en image

Transformez vos extraits de code en captures d'écran soignées.

Ouvrir →
Générateur de dégradés CSS

Créez des dégradés linéaires, radiaux et coniques et copiez le CSS aussitôt.

Ouvrir →
Glassmorphism CSS

💬 Commentaires

?

Aucun commentaire pour le moment. Soyez le premier !

QU'EST-CE QUE Convertisseur PX / REM / EM ?

Le convertisseur PX/REM/EM convertit entre les trois unités CSS — rem est relatif à la taille de police racine, tandis qu'em est relatif à une taille de police de contexte réglable séparément.

Comment l'utiliser ?

  1. Ajustez la taille de police racine et la taille de police de contexte selon vos besoins.
  2. Basculez entre le mode valeur unique et le mode liste par lot pour convertir.

Questions fréquentes

Quelle est la vraie différence entre rem et em ?

rem est toujours relatif à la taille de police de l'élément racine (généralement html), quelle que soit la profondeur d'imbrication. em est relatif à la taille de police de l'élément courant (ou de son parent) et se cumule en cas d'imbrication. Cet outil garde volontairement leurs champs de saisie séparés pour que les deux ne soient jamais confondus.

Le format de nombre du mode par lots a-t-il des limites ?

Saisissez un nombre par ligne ; les décimales sont prises en charge. Une ligne impossible à analyser est clairement signalée comme une erreur dans le tableau de résultats, au lieu d'être ignorée en silence ou traitée comme 0.

Cet outil analyse-t-il mes fichiers CSS ?

Non. La V1 ne convertit que des valeurs individuelles — analyser et convertir automatiquement un fichier CSS entier est une fonctionnalité prévue pour la V2, non incluse ici.

Générez le code d'un flou d'arrière-plan et d'une bordure translucide en direct.

Ouvrir →