Unités CSS

Convertissez px, rem, em, pt, % et vw

Aucune base de données : AIMRAN ne conserve ni vos fichiers, ni vos textes, ni vos résultats

Qu’est-ce que Unités CSS ?

En design web, il existe de nombreuses unités de mesure : pixels, rem, em, points ou pourcentages de l’écran. Cet outil convertit une valeur d’une unité vers toutes les autres pour vous éviter les calculs.

Vous pouvez régler la taille de police de la page, celle de l’élément parent et la taille de la fenêtre pour un résultat exact dans votre cas.

Mode d’emploi

1. Saisissez la valeur et choisissez son unité : px, rem, em, pt, %, vw ou vh.
2. Dans « Contexte », réglez la police racine, la police du parent ainsi que la largeur et la hauteur de la fenêtre.
3. Copiez l’équivalence dont vous avez besoin.
4. Consultez le tableau de référence rapide de px en rem, pt et vw.

Avantages

• Sept unités CSS converties en même temps.
• Contexte configurable : police racine, police du parent et fenêtre.
• Tableau de référence avec les tailles les plus courantes.
• Gratuit, sans inscription et sans publicité.

Détails techniques

Toutes les conversions passent par les pixels CSS. 1 rem équivaut à la taille de police de l’élément racine (html, 16 px par défaut) ; 1 em et 100 % équivalent à la taille de police de l’élément parent ; 1 pt = 1/72 de pouce = 96/72 px ≈ 1,333 px, selon la définition CSS de 96 px par pouce ; 1 vw vaut 1 % de la largeur de la fenêtre et 1 vh 1 % de sa hauteur (1440 × 900 px par défaut, configurable). Le % est interprété comme un pourcentage de la taille de police, son sens dans font-size. Les résultats sont arrondis à quatre décimales.

Questions fréquentes

Combien de pixels fait 1 rem ?

Cela dépend de la taille de police racine. Par défaut, c’est généralement 16 px, donc 1 rem = 16 px et 24 px = 1,5 rem.

Quelle différence entre rem et em ?

Le rem se base sur la police de l’élément racine (html) et reste identique sur toute la page. Le em se base sur la police de l’élément parent, il se cumule donc quand on imbrique des éléments.

Comment convertir des px en rem ?

Divisez les pixels par la taille de police racine. Avec une base de 16 px, 14 px font 0,875 rem.

Combien de px font 12 pt ?

12 pt font 16 px, car en CSS 1 pt équivaut à 1,333 px.

Que sont vw et vh ?

Des unités relatives à la fenêtre : 1 vw vaut 1 % de la largeur et 1 vh 1 % de la hauteur de la zone visible.

Plus d’outils : Développeurs

• Base64, URL et HTML · Encodez et décodez dans les trois formats
• Générateur de hachages · MD5 et SHA de textes ou de fichiers
• Générateur d'UUID · Identifiants uniques en un instant
• Mots de passe sécurisés · Avec indicateur de robustesse
• Décodeur JWT · Lisez l'en-tête, la charge utile et l'expiration
• Testeur de regex · Correspondances surlignées et groupes
• Couleurs et dégradés · HEX, RGB, HSL, OKLCH, contraste et dégradés
• Ombres CSS · box-shadow avec aperçu