REM (root em) est une unité CSS relative à la taille de police racine du document, généralement 16px. Comme les valeurs rem s'adaptent aux réglages de police du navigateur de l'utilisateur, les designs construits en rem restent accessibles et proportionnels sur tous les appareils — contrairement aux valeurs fixes en pixels.
Saisissez une valeur en pixels pour voir son équivalent en rem, ou tapez une valeur rem pour reconvertir. Ajustez la taille de police de base selon votre projet (certains design systems utilisent des racines de 10px ou 20px). Le tableau couvre les tailles courantes, et la comparaison visuelle montre que les deux unités s'affichent à l'identique avec la même taille racine.
Frequently Asked Questions
Q: Quelle est la différence entre REM et EM ?
Quelle est la différence entre REM et EM ? rem est toujours relatif à la taille de police racine (html). em est relatif à la taille de police de l'élément parent, donc em s'accumule dans les éléments imbriqués tandis que rem reste cohérent.
Q: Pourquoi utiliser REM plutôt que PX ?
Pourquoi utiliser REM plutôt que PX ? REM s'adapte aux réglages d'accessibilité de l'utilisateur — celui qui augmente la taille de police du navigateur voit tout le texte plus grand. PX reste fixe et peut casser les mises en page ou l'accessibilité. La pratique moderne est d'utiliser rem pour la typographie et l'espacement.
Q: Quelle est la taille de police de base par défaut ?
Quelle est la taille de police de base par défaut ? Tous les grands navigateurs utilisent 16px = 1rem par défaut. Donc 32px = 2rem, 8px = 0.5rem et 24px = 1.5rem à la racine par défaut.
Q: Puis-je utiliser REM dans les media queries ?
Puis-je utiliser REM dans les media queries ? Oui. Les media queries écrites en rem répondent aux réglages de police de l'utilisateur, pas seulement à la largeur du viewport — une amélioration subtile de l'accessibilité par rapport aux breakpoints en px.
Q: Dois-je convertir chaque valeur manuellement ?
Dois-je convertir chaque valeur manuellement ? Non. Les outils de build modernes (PostCSS, Tailwind) gèrent les conversions automatiquement. Utilisez cette calculatrice pour des conversions ponctuelles et pour relire du CSS écrit à la main.
Couleurs de France
Du bleu de France au rouge coquelicot, la palette française puise dans la mode, l'art et le patrimoine. Des couleurs élégantes et raffinées qui ont marqué l'histoire du design mondial.
Bleu de France #318CE7Le bleu national utilisé depuis les rois capétiens
Rouge Coquelicot #FF3800Le rouge éclatant des champs de coquelicots
Vert Émeraude #50C878La couleur emblématique des bijoux et de la joaillerie
Jaune de Naples #FADA5EPigment historique des peintres depuis la Renaissance
Rose Bonbon #F9429ELe rose sucré de la confiserie et de la mode
Bleu Roi #4169E1Le bleu royal des armoiries et de Versailles
Bordeaux #800020Le rouge sombre des vins de la région bordelaise
Gris Perle #B0B7C3L'élégance discrète des intérieurs parisiens
Lavande #967BB6Les champs de Provence en été
Crème #FFFDD0La douceur des façades haussmanniennes
Q: Qu'est-ce que le bleu de France ?
Qu'est-ce que le bleu de France ? Le bleu de France (#318CE7) est la couleur nationale française, héritée du bleu des armoiries royales depuis le XIIe siècle, reprise aujourd'hui par les équipes sportives nationales.
Q: Qu'est-ce que le rouge coquelicot ?
Qu'est-ce que le rouge coquelicot ? Le coquelicot (#FF3800) est un rouge-orangé vif nommé d'après les fleurs de coquelicot qui fleurissent dans les champs français, popularisé par les impressionnistes.