Convertisseur de points en REM

Convertissez des points typographiques en unités REM pour CSS.

≈ 16.00 pixels

Relatif à une base de 16px

Tailles typographiques courantes

UtiliserPointsPixelsREM (16px)
Légende8pt10.7px0.667rem
Petit10pt13.3px0.833rem
Corps12pt16.0px1rem
Grand14pt18.7px1.167rem
H616pt21.3px1.333rem
H518pt24.0px1.5rem
H424pt32.0px2rem
H330pt40.0px2.5rem
H236pt48.0px3rem
H148pt64.0px4rem

Cliquez sur une ligne pour charger cette valeur

Noter Convertisseur de points en REM

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Faites le lien entre typographie print et web

Les designers travaillent souvent en points (depuis Figma, Sketch ou des spécifications d’impression), alors que le CSS utilise les pixels et les REM. Ce convertisseur comble cet écart et vous permet de traduire avec précision les mesures typographiques pour le développement web adaptatif.

Unités typographiques

Pourquoi utiliser cet outil ?

Calcul précis

Utilise des rapports de conversion exacts entre 72 DPI (points) et 96 DPI (pixels).

Bidirectionnel

Convertissez des points en REM ou des REM en points.

Base personnalisée

Configurez la taille de police racine de votre projet (8px, 10px, 16px, etc.).

Référence rapide

Tableau des tailles typographiques courantes pour des recherches rapides.

Comment fonctionne Convertisseur de points en REM

Notre convertisseur de points en REM traduit des valeurs typographiques en points en unités REM pour le développement web. Saisissez une taille en points et l'outil calcule la valeur REM équivalente à partir d'une taille de police de base configurable, ce qui vous aide à conserver une typographie cohérente lorsque vous transposez des maquettes print en mises en page web adaptatives.

Le calcul de conversion s'effectue entièrement dans votre navigateur grâce à de simples opérations arithmétiques en JavaScript. Aucune valeur n'est envoyée à un serveur, ce qui rend l'outil sûr pour travailler avec les spécifications d'un projet client et les paramètres propriétaires d'un design system. Les résultats apparaissent instantanément, sans aucune requête réseau.

Le convertisseur utilise la relation standard selon laquelle 1 point équivaut à 1/72 de pouce et applique la taille de police de base que vous avez définie (16px par défaut) pour calculer des valeurs REM précises. Il prend en charge la conversion par lot de plusieurs tailles en points simultanément et comprend un tableau de référence présentant les correspondances courantes entre points et REM pour une consultation rapide pendant le développement CSS.

Comment utiliser Convertisseur de points en REM

1

Définir la taille de base

Configurez la taille de police racine (par défaut : 16px).

2

Saisir une valeur

Saisissez des points (pt) ou des REM dans l'un ou l'autre champ.

3

Obtenir le résultat

Voyez la valeur convertie se mettre à jour automatiquement.

Exemple d'utilisation

Conversion d'un texte de corps standard :

Entrée
12pt with 16px base
Sortie
0.75rem (16px)

Questions fréquentes

Qu'est-ce qu'un point (pt) ?
Un point est une unité typographique traditionnelle égale à 1/72 de pouce, couramment utilisée en conception print et dans les logiciels de traitement de texte.
Pourquoi convertir en REM ?
Les unités REM sont relatives à la taille de police racine, ce qui les rend idéales pour un design web adaptatif qui respecte les préférences de l'utilisateur.
Quelle est la formule de conversion ?
1pt ≈ 1.333px (à 96 DPI). REM = pixels / taille de police de base. Ainsi 12pt ≈ 16px ≈ 1rem (avec une base de 16px).

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Convertisseur de points en REM est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge