Конвертер PX у REM

Одиниці rem роблять верстку доступною — вони масштабуються разом із налаштуванням розміру шрифту користувача, — але ніхто не хоче цілий день ділити на 16 подумки. Цей конвертер рахує наживо: оберіть напрям (px → rem, rem → px чи px → em), введіть значення — і результат з'являється миттєво разом із готовим до копіювання CSS-рядком на кшталт font-size: 0.875rem.

Поле базового розміру шрифту підлаштовує інструмент під будь-який проєкт. Типове значення браузера — 16px, тож 1rem одразу дорівнює 16px, але чимало кодових баз задають html { font-size: 62.5% }, щоб 1rem дорівнював 10px — введіть 10 як базу, і кожна конвертація та кожен рядок таблиці підуть за нею. Напрям px → em використовує ту саму математику, але відносно розміру шрифту батьківського елемента, а не кореневого — саме в цьому й полягає різниця між em та rem у CSS.

Під результатом довідкова таблиця показує найуживаніші дизайнерські розміри — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 і 64 пікселі — вже переведені за вашої поточної бази, з підсвіченим рядком, який збігається з базою. Це та сама шпаргалка, яку інакше довелося б тримати приклеєною до монітора, тільки завжди синхронна з вашою реальною базою.

Усе відбувається локально у вашому браузері під час введення: без завантажень, без реєстрації, без звернень до сервера. Пресет-сторінки для rem → px, px → em, бази 10px та популярних значень 14, 24 і 32 px відкривають конвертер уже налаштованим під ці конкретні запити.