Convertisseur PX en REM

Convertisseur PX vers REM qui traduit pixels et rem dans les deux sens selon une taille de police racine personnalisable, décimales comprises. Table de référence et snippet CSS copiables, gratuit.

Taille de police de base:px (base : 16px)

rem

1rem

font-size: 1rem;

px ↔ rem Table de référence (Taille de police de base: 16px)

px	rem	Copier
8px	0.5rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
36px	2.25rem
40px	2.5rem
48px	3rem
56px	3.5rem
64px	4rem
72px	4.5rem
80px	5rem
96px	6rem

Intégrer

<iframe src="https://devtools.patrache.studio/fr/converters/px-rem-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Convertisseur PX en REM — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/fr/converters/px-rem-converter/">Convertisseur PX en REM</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Dernière mise à jour : 2026 · Outil en ligne gratuit

Qu'est-ce que Convertisseur PX en REM ?

Convertisseur PX vers REM qui traduit pixels et rem dans les deux sens selon une taille de police racine personnalisable, décimales comprises. Table de référence et snippet CSS copiables, gratuit.

Comment utiliser

1
Définir la taille de base— Définissez la taille de police de base (par défaut 16px).
2
Entrer la valeur— Entrez une valeur px ou rem.
3
Vérifier les résultats— Consultez la valeur convertie et l'extrait CSS.
4
Utiliser le tableau de référence— Copiez les valeurs courantes directement depuis le tableau de référence ci-dessous.

Outils associés

Référence unités CSSRéférence des unités CSS px, em, rem, %, vw, vh, vmin, vmax et ch, classées par catégorie. Avec des explications claires sur chaque unité absolue et relative, gratuit dans le navigateur.

Générateur de dégradé CSSGénérateur visuel de dégradés CSS linéaires, radiaux et coniques : ajoutez des points de couleur, ajustez l'angle et copiez le CSS. Parfait pour arrière-plans et boutons, gratuit dans le navigateur.

Convertisseur de couleursConvertisseur de couleurs entre codes HEX, RGB, HSL et OKLCH, avec le rapport de contraste WCAG de deux couleurs. Vérifiez l'accessibilité en choisissant votre palette, gratuit dans le navigateur.

Générateur CSS box-shadowGénérateur CSS box-shadow avec réglages de décalage, flou, étalement, couleur et inset, et aperçu en direct de l'ombre. Copiez le code box-shadow prêt à l'emploi, gratuit dans le navigateur.

Questions fréquentes

rem est une unité relative basée sur la taille de police de l'élément racine (html). La valeur par défaut est 16px.

Oui. Modifiez la taille de police de base en haut et les résultats ainsi que le tableau de référence se mettent à jour automatiquement.

em est relatif à l'élément parent, rem est relatif à l'élément racine (html). rem est plus prévisible.

Oui, les conversions décimales comme 12,5px → 0,7813rem sont prises en charge.

Non. Tous les calculs se font dans votre navigateur.