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 — aucune librairie 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 baseLa 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écisionDé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érenceAffiche 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, vérifiez le contraste avec Vérificateur de contraste WCAG, ou réduisez et formatez vos feuilles de style avec Minifier CSS et Beautifier CSS.

FAQ — Convertisseur PX / REM / EM

Convertisseur de longueur universel, collage 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 ?

Ce n'est pas le cas — em partage le même baseFontSize personnalisable que rem, comme le simplifient la plupart des calculateurs dédiés. Ce n'est pas un véritable em de contexte parent par é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 ?

Un ensemble fixe de 25 valeurs px courantes (de 0 à 128, suivant l'échelle d'espacement Tailwind) avec leurs équivalents rem et em en direct selon votre taille de police de base et votre précision actuelles.

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

Minifier

Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.

Déminifier

Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.

Conversion

Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.

Encodage

Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.

Sérialisation

Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.

Outils JSON

Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.

Outils SVG

Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.

Beautifier

Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.

Préprocesseurs CSS

Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.

DevOps & Infra

Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.

CI/CD

GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.

Logs & observabilité

JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.

Kubernetes

Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.

Réseau / IP

CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.

Sécurité & tokens

JWKS, certificats X.509 et scan de secrets — locaux navigateur.

API & schémas

Outils OpenAPI pour formater, valider et analyser vos specs.

Outils HTTP

cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.

Utilitaires développeur

Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.

Texte & Markdown

Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.

IA & LLM

Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.

Données de test

Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.