Convertisseur d’unités CSS

• Conversion instantanée de 18 unités : convertissez n’importe quelle valeur d’unité CSS vers les 18 unités prises en charge instantanément - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh et rlh. Notre convertisseur d’unités CSS affiche tous les résultats simultanément dans une grille propre par catégories, sans aucune attente.
• Valeurs de base configurables : définissez la taille de police racine, la taille de police parente, la largeur et la hauteur de la fenêtre pour correspondre au contexte de votre projet. Choisissez parmi des préréglages courants (de 375px iPhone à 2560px QHD) ou saisissez des valeurs personnalisées. Toutes les conversions se mettent à jour instantanément lorsque vous modifiez un paramètre.
• Confidentialité 100 % dans le navigateur : toutes les conversions d’unités CSS se font localement dans votre navigateur. Vos valeurs et réglages ne quittent jamais votre appareil - parfaitement sûrs pour les projets propriétaires et les design systems. Aucun envoi au serveur, aucune conservation de données, aucun suivi.
• Gratuit et sans limites : convertissez des unités CSS illimitées sans inscription, sans abonnement et sans plafond d’utilisation. Notre convertisseur d’unités CSS est entièrement gratuit pour toujours, sans fonctionnalités premium derrière un paywall.

Les unités CSS définissent la taille et la mesure des éléments sur une page web. Elles se répartissent en quatre grandes catégories : les unités absolues (px, pt, pc, cm, mm, in, q) qui ont des tailles physiques fixes, les unités relatives à la police (em, rem, %, ch, ex, lh, rlh) qui évoluent avec la typographie, les unités de fenêtre (vw, vh, vmin, vmax) qui évoluent avec la fenêtre du navigateur, et le pourcentage qui évolue avec l’élément parent. Notre convertisseur d’unités CSS prend en charge les 18 unités et vous montre instantanément les valeurs équivalentes dans chaque catégorie.

1. Saisissez votre valeur et sélectionnez l’unité source : tapez un nombre et choisissez l’unité de départ. Vous pouvez commencer avec n’importe laquelle des 18 unités CSS prises en charge - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh ou rlh.
2. Configurez les paramètres dépendants du contexte : définissez la taille de police racine (pour rem, rlh), la taille de police parente (pour em, %, ch, ex), la largeur de la fenêtre (pour vw, vmin, vmax) et la hauteur de la fenêtre (pour vh, vmin, vmax). Choisissez parmi des préréglages courants ou saisissez des valeurs personnalisées. Les résultats se mettent à jour automatiquement à chaque ajustement.
3. Lisez les résultats instantanés : consultez la valeur convertie dans les 18 unités organisées par catégorie (absolues, relatives à la police, fenêtre). Cliquez sur une carte de résultat pour la définir comme nouvelle entrée et poursuivre la conversion. Copiez des valeurs individuelles ou la sortie CSS en un clic.

• Les unités absolues ont des tailles physiques fixes définies par le ratio de pixel de référence CSS (96 DPI). 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . Elles sont idéales pour les feuilles de style d’impression et lorsque des dimensions physiques exactes sont requises.
• Les unités relatives à la police évoluent avec les réglages typographiques. Utilisez rem pour les tailles relatives à la racine, em pour les tailles relatives au parent et % comme alternative à em. Les valeurs de ch et ex sont approximatives (basées sur 0.5× la taille de police), tandis que lh et rlh supposent la hauteur de ligne par défaut de 1.2.
• Les unités de fenêtre évoluent avec les dimensions de la fenêtre du navigateur. 1vw = 1 % de la largeur de la fenêtre , 1vh = 1 % de la hauteur de la fenêtre , vmin utilise la plus petite dimension et vmax la plus grande. Définissez la taille de fenêtre cible pour obtenir des équivalents en pixels précis.

Toutes les conversions d’unités absolues de notre convertisseur d’unités CSS sont mathématiquement précises selon le ratio de pixel de référence CSS (1in = 96px). Les unités relatives à la police (ch, ex, lh, rlh) utilisent des approximations standard : ch et ex sont estimés à 0.5× la taille de police, lh à 1.2× la taille de police parente et rlh à 1.2× la taille de police racine. Les valeurs réellement rendues dépendent de la police spécifique et du navigateur. Pour un travail au pixel près, vérifiez toujours avec votre typographie réelle dans le navigateur cible.