Конвертер PX у REM з базою 10px
Конвертуйте px у rem, rem у px і px в em за будь-якого базового розміру шрифту — з готовим CSS-рядком і живою довідковою таблицею.
Результат
Ця сторінка відкриває конвертер із базовим розміром шрифту, попередньо встановленим на 10px. Це класична схема html { font-size: 62.5% }: 62.5% від типових браузерних 16px — це рівно 10px, тож значення rem стають тривіально читабельними — 14px дорівнює 1.4rem, 18px — 1.8rem, 24px — 2.4rem.
Команди обирають базу 10px саме щоб уникнути незручних шістнадцятих часток: замість пам'ятати, що 14px — це 0.875rem, ви просто переставляєте кому. Оскільки трюк використовує відсоток, а не фіксовані пікселі, він і далі поважає розмір шрифту з налаштувань браузера користувача — а це й є головний аргумент доступності на користь rem.
Введіть будь-яке піксельне значення, щоб отримати його еквівалент у rem за бази 10px разом із готовим CSS-рядком, і звіртеся з довідковою таблицею нижче, де вся шкала 1–64 px уже переведена. Якщо ваш проєкт використовує інший кореневий розмір — змініть поле бази, і все перерахується наживо.