Collez du CSS et indiquez à combien de pixels correspond un rem. Seules les longueurs des déclarations sont converties ; les sélecteurs, les chaînes, les commentaires et url() restent intacts.
Fonctionne localement dans votre navigateurCollez une feuille de styles et indiquez à combien de pixels correspond un rem. La page réécrit les longueurs en px et affiche le résultat avec la même passe de mise en forme qu’avant — rien n’est téléversé.
La division est exacte : 16px avec une base de 16px donnent 1rem, 1.5px devient 0.09375rem, et une base comme 16.5px est utilisée telle qu’elle est saisie, sans arrondi.
Les longueurs sont converties dans les valeurs des déclarations — padding, width, font-size, expressions calc(), propriétés personnalisées — ainsi que dans les requêtes media, container et supports. Une valeur compte lorsqu’un nombre est suivi de l’unité px, quelle que soit la casse : 10PX est converti aussi.
Les valeurs fractionnaires sont converties telles qu’elles sont écrites : 1.5px donne 0.09375rem avec une base de 16px et .5px donne 0.03125rem. Le résultat est le quotient exact tant que la division se termine ; un quotient périodique, comme 10px avec une base de 16.5px, est arrondi à douze décimales.
Les sélecteurs, les noms de classe, les chaînes, les commentaires et le contenu de url() sont repris tels quels : content: "10px", .a10px et url(icon-10px.png) survivent à la conversion.
L’outil convertit des valeurs px en rem et rien d’autre. Une valeur en rem reste en rem, il n’existe pas de sens rem vers px, et les autres unités comme em, %, vw ou pt ne sont pas touchées.
Une feuille vide, une base vide, une base nulle ou négative et une base qui n’est pas un nombre sont refusées : le message s’affiche dans la ligne d’état sous les contrôles et le résultat précédent est effacé pour qu’une ancienne conversion ne passe pas pour une nouvelle.
Un CSS sans aucune valeur px est signalé comme tel, et le CSS mis en forme est tout de même affiché. La mise en forme reste la même : minifiée lorsque la saisie tient sur une ligne, indentée sur plusieurs. Les messages suivent la langue de la page : anglais, espagnol, portugais (Brésil), allemand, français ou japonais.