Aller au contenu
ToolsMinify logo
Outils convertisseurs

Convertisseur PX vers REM

Convertissez des longueurs CSS entre px, rem et em avec une taille de police de base configurable (16px par defaut dans les navigateurs).

À propos de Convertisseur PX vers REM

Convertissez des longueurs CSS entre px, rem et em avec une taille de police de base configurable (16px par defaut dans les navigateurs). Saisissez une valeur et les autres unites se mettent a jour aussitot, puis copiez du CSS pret a coller comme `1.5rem`. Un tableau de reference rapide liste les tailles en pixels courantes pour votre base actuelle - pratique pour les echelles type Tailwind et les essais de font-size racine. Tout s'execute dans votre navigateur. Associez-le au Convertisseur HEX vers RGB ou au Convertisseur Pixels vers Pouces.

Comment utiliser Convertisseur PX vers REM

  1. Reglez la taille de police de base en px (16 par defaut) ou choisissez un preset comme 14 ou 18.
  2. Entrez une valeur en px, rem ou em - les deux autres champs se mettent a jour automatiquement.
  3. Copiez une unite ou les trois a la fois pour votre feuille de style.
  4. Utilisez le tableau de reference rapide pour les tailles courantes a la base actuelle. Rien n'est envoye.

Exemples de Convertisseur PX vers REM

16px avec une base 16px

16px = 1rem = 1em lorsque la police de base est 16px (defaut navigateur).

24px vers rem

24px / 16 = 1.5rem. Utile pour les titres moyens et les tokens d'espacement.

Racine personnalisee a 10px

Si html { font-size: 10px }, alors 20px = 2rem. Passez la base a 10 et convertissez.

Corps 0.875rem

0.875rem avec une base 16px vaut 14px - une taille de corps reduite courante.

Cas d'utilisation courants

  • Convertir des px du design en rem pour un CSS fluide
  • Verifier rem et em face a une font-size racine personnalisee
  • Creer ou auditer une echelle d'espacement avec le tableau
  • Traduire des pas type Tailwind en tokens rem
  • Comparer em et rem avec la meme base de reference

Questions fréquentes sur Convertisseur PX vers REM

Comment convertir px en rem ?
Divisez les pixels par la taille de police racine en px. Avec une base 16px, rem = px / 16. Exemple : 24px / 16 = 1.5rem. L'outil calcule pendant que vous tapez.
Quelle est la difference entre rem et em ?
rem est relatif a la taille de police de l'element racine. em est relatif a celle du parent. Ici les deux utilisent votre base choisie pour les comparer a une seule taille de reference.
Quelle taille de police de base utiliser ?
La plupart des navigateurs utilisent 16px si html n'a pas de font-size. Si votre systeme fixe html { font-size: 62.5% } ou 10px / 18px, entrez cette valeur en pixels comme base.
Puis-je convertir rem ou em en px ?
Oui. Entrez une valeur rem ou em et le champ px se met a jour. Formule : px = rem (ou em) multiplie par la police de base.
A quoi sert le tableau de reference rapide ?
Il liste des tailles px courantes (de 4 a 96) avec rem et em pour votre base actuelle afin de parcourir une echelle sans tout saisir.
Mes donnees quittent-elles l'appareil ?
Non. Le Convertisseur PX vers REM s'execute uniquement dans votre navigateur. Les valeurs ne sont ni envoyees ni stockees sur un serveur.

Outils connexes

Convertisseur de pixels en pouces

Convertissez les pixels en pouces et les pouces en pixels à l'aide du DPI (PPI). Comprend des exemples prêts à imprimer pour le Web et la conception 300 DPI.

Convertisseur HEX en RVB

Convertissez HEX en RVB (et inversement) avec HSL, CMJN, une rampe de teintes, des cartes de contraste WCAG et un extrait de jeton CSS - convertisseur de code couleur en ligne gratuit.

Convertisseur RVB vers HSL

Convertissez RVB en HSL et HSL en RVB instantanément. Convertisseur de couleurs gratuit avec échantillon en direct et CSS rgb() et hsl() prêts à copier.

Generateur de Degrades CSS

Creez des degrades CSS lineaires, radiaux et coniques avec apercu en direct. Choisissez les stops de couleur, copiez le CSS background et collez-le dans votre feuille de style. Dans le navigateur.