Конвертер PX в REM — пиксели в rem, вживую и приватно

Переводите px в rem мгновенно с настраиваемым корневым font-size. По умолчанию 16px = 1rem. Двусторонняя конвертация вживую, готово к копированию, работает на 100% в браузере.

Без отслеживания Работает в браузере Бесплатно

Корневой font-size

Пиксели (px)

Rem (rem)

Предпросмотр

Съешь же ещё этих булочек

Проверено на точность единицы rem в CSS и рекомендации по доступности — Инженерная команда Go Tools · Jun 11, 2026

Быстрая справка

Сколько 16px в rem?

16px = 1rem (при базе 16px) При корневом font-size по умолчанию 16px значение 16px в точности равно 1rem. Это точка отсчёта для всех остальных конвертаций: rem = px ÷ 16.

Какова формула перевода px в rem?

rem = px ÷ корневой-font-size Разделите значение в пикселях на корневой font-size. Например, 24px ÷ 16 = 1.5rem. Измените базу в инструменте, если ваш проект не использует 16px.

Что такое трюк 62.5%?

62.5% → 1rem = 10px Установка html { font-size: 62.5% } делает корень 10px, поэтому 1rem = 10px, а математика rem — это просто «делить на 10». Задайте базу этого инструмента равной 10, чтобы воспользоваться им.

Что такое конвертер PX в REM?

Конвертер px в rem переводит пиксельные измерения в единицы rem для CSS. Единица rem («root em») относится к font-size корневого элемента : 1rem всегда равен корневому font-size, который браузеры по умолчанию задают равным 16px. Конвертация — это простое деление — rem = px ÷ корневой-font-size — но выполнять его вручную для каждого размера шрифта, поля и контрольной точки в таблице стилей утомительно и чревато ошибками, что и устраняет этот инструмент.

Причина вообще конвертировать — доступность и масштабируемость. Когда значение записано в px, оно зафиксировано в неизменном размере и игнорирует предпочтение пользователя по размеру шрифта в браузере. Когда оно записано в rem, оно масштабируется пропорционально, если пользователь увеличивает размер шрифта по умолчанию — критическая поддержка для людей со слабым зрением и более плавный опыт для всех, кто пользуется зумом. Выражение дизайн-системы в rem также означает, что одно изменение корневого font-size согласованно перемасштабирует весь интерфейс.

Этот конвертер держит поля пикселей и rem связанными в реальном времени, поэтому можно двигаться в любом направлении, и — в отличие от инструментов, жёстко задающих базу 16px — он позволяет установить любой корневой font-size. Это важно, потому что таблица стилей с техникой 62.5% (корень 10px) конвертируется иначе, чем стандартная настройка 16px. Предпросмотр вживую показывает итоговый размер текста, а справочная таблица перечисляет самые частые значения px при базе 16px для быстрого поиска.

Нужно обратное направление? Используйте конвертер rem в px. Для приведения самой таблицы стилей в порядок попробуйте форматировщик CSS, а для работы с цветом — конвертер цветов. Всё работает в вашем браузере — ваши значения никогда не покидают устройство.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Ключевые возможности этого конвертера PX в REM

Свой корневой font-size

Конвертируйте относительно любой базы, не только 16px. Подстройтесь под технику 62.5% (10px) или фактический корневой font-size вашего проекта — большинство инструментов жёстко задают 16.

Двусторонняя конвертация вживую

Поля пикселей и rem связаны в реальном времени. Измените любую сторону, и другая обновится мгновенно относительно выбранной базы.

Встроенный предпросмотр размера

Строка предпросмотра отображает текст в полученном размере rem, чтобы вы видели масштаб, а не только число.

Копирование в один клик

Скопируйте значение px или rem в буфер обмена одним кликом, готовое к вставке прямо в ваш CSS.

Справочная таблица конвертации

Таблица самых частых значений px и их эквивалентов в rem при базе 16px для быстрого поиска без ввода.

100% в браузере и приватно

Вся математика выполняется локально в вашем браузере. Нет серверных запросов, отслеживания и хранения данных — ваши значения никогда не покидают устройство.

Примеры конвертации PX в REM

Основной текст — 16px в rem

1rem

При корневом font-size по умолчанию 16px значение 16px в точности равно 1rem. Это базовая величина, относительно которой измеряются все остальные конвертации: rem = px ÷ 16.

Заголовок — 24px в rem

1.5rem

Заголовок 24px становится 1.5rem (24 ÷ 16 = 1.5). Использование rem означает, что заголовок масштабируется автоматически, если пользователь изменит размер шрифта по умолчанию в браузере.

Мелкая подпись — 12px в rem

0.75rem

12px — это 0.75rem при базе 16px. Мелкий текст и подписи часто переводят в rem, чтобы они учитывали предпочтения читателя по размеру шрифта.

Отступ — 8px в rem

0.5rem

8px равны 0.5rem. Многие дизайн-системы выражают внутренние и внешние отступы в rem, чтобы расстояния масштабировались вместе с текстом.

Техника 62.5% — база 10px, 18px в rem

1.125rem

Если задать корневой font-size 10px (техника 62.5%), то 18px станут 1.8rem. При базе по умолчанию 16px значение 18px — это 1.125rem. Всегда конвертируйте относительно той базы, которую реально использует ваш проект.

Контрольная точка — 768px в rem

48rem

Контрольная точка медиазапроса 768px — это 48rem при базе 16px. Контрольные точки на основе rem масштабируются предсказуемее, когда пользователи увеличивают текст.

Как переводить частые значения px в rem

Быстрая справка по значениям px, которые разработчики чаще всего переводят в rem, при корневом font-size по умолчанию 16px.

Как перевести 16px в rem

16 px → 1 rem

Разделите 16 на корневой font-size 16px, чтобы получить 1rem. 16px — опорное значение: оно в точности равно 1rem в стандартной настройке, поэтому является точкой отсчёта для всех остальных конвертаций.

16 px → 1 rem

Запомните 16px = 1rem. Дальше делите пополам до 0.5rem (8px) и удваивайте до 2rem (32px).