Конвертер 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. Якщо у вашому проєкті використовується інший кореневий розмір, змініть поле бази — і все миттєво підлаштується.