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

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

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

Корневой font-size

Пиксели (px)

Rem (rem)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

16px

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

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

1.5

24px

1.5rem разрешается в 24px (1.5 × 16). Заголовки часто задают в rem, чтобы они масштабировались с предпочтением пользователя по размеру шрифта, но всё же отображались в привычных пиксельных размерах.

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

0.75

12px

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

Отступ — 0.5rem в px

0.5

8px

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

Крупный заголовок — 2rem в px

32px

2rem ровно вдвое больше базы, 32px. Чистые кратные значения вроде этого распространены для заметных заголовков.

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

768px

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

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

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

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

1 rem → 16 px

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

1 rem → 16 px

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