Convertisseur PX / REM / EM

Collez une longueur en px, rem ou em et voyez les trois unités à la fois, calculées selon une taille de police de base personnalisable. Converti dans votre navigateur, jamais envoyé.

Chargement…
Convertisseur PX / REM / EM
Collez une longueur CSS en px, rem ou em et obtenez les trois unités à la fois, plus une table de référence en direct des valeurs px courantes. Taille de police de base personnalisable, URL partageable.

Notes développeur

Arithmétique pure, sans bibliothèque de couleur ni d'unité, contrairement à la dépendance colorjs.io du Convertisseur de couleurs. rem et em partagent le même baseFontSize ; c'est une simplification, pas un véritable em de contexte parent par élément. px est toujours affiché en entier ; la précision n'affecte que les décimales de rem/em. Un nombre seul sans suffixe d'unité est traité comme px. Les 25 valeurs px de la table de référence sont fixes en v1 et se recalculent en direct selon baseFontSize/précision.

Options

  • Taille de police de base — La taille de police racine en px selon laquelle rem et em sont calculés. Recalcule le résultat collé et chaque ligne de la table de référence. Par défaut 16 (valeur par défaut du navigateur/CSS).
  • Précision — Décimales affichées sur les valeurs rem/em calculées, dans le résultat collé et dans la table de référence. Ne s'applique pas à px, toujours un entier. Par défaut 2.
  • Table de référence — Affiche ou masque la table de référence de 25 valeurs px courantes avec leurs équivalents rem/em en direct. Activé par défaut.

Outils CSS associés

Hub : Outils couleur & CSS. Convertissez des couleurs avec Convertisseur de couleurs et vérifiez le contraste avec Vérificateur de contraste WCAG. Réduisez ou formatez vos feuilles de style avec Minifier CSS et Beautifier CSS.

FAQ du convertisseur PX / REM / EM

Convertisseur de longueur universel et local

Quels formats de longueur puis-je coller ?

Une valeur en px, rem ou em, ou un nombre seul (traité comme px). Aucune autre unité CSS (%, vw, vh, pt, ch) n'est prise en charge en v1.

En quoi em diffère-t-il de rem ici ?

Il n'en diffère pas ici : em partage le même baseFontSize personnalisable que rem, comme le font la plupart des calculateurs dédiés. Ce n'est pas un vrai em dépendant du contexte parent de chaque élément.

Mes valeurs sont-elles envoyées quelque part ?

Non. La conversion est une arithmétique pure exécutée entièrement dans votre navigateur. FastMinify n'envoie jamais la longueur collée à un serveur.

Que montre la table de référence ?

Elle liste 25 valeurs px courantes de 0 à 128, selon l'échelle d'espacement Tailwind. Les équivalents rem et em se mettent à jour en direct selon votre taille de police de base et votre précision.

Outils couleur & CSS

Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.

Découvrez les autres catégories d'outils