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

Конвертер PX в REM, пересчитывающий пиксели и rem в обе стороны по настраиваемому корневому размеру шрифта, включая дробные значения. С таблицей и CSS-сниппетом для копирования.

Базовый размер шрифта:px (база: 16px)

rem

1rem

font-size: 1rem;

px ↔ rem Справочная таблица (Базовый размер шрифта: 16px)

px	rem	Копировать
8px	0.5rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
36px	2.25rem
40px	2.5rem
48px	3rem
56px	3.5rem
64px	4rem
72px	4.5rem
80px	5rem
96px	6rem

Встроить

<iframe src="https://devtools.patrache.studio/ru/converters/px-rem-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Конвертер PX-REM — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/ru/converters/px-rem-converter/">Конвертер PX-REM</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Последнее обновление: 2026 · Бесплатный онлайн-инструмент

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

Как использовать

1
Установите базовый размер шрифта— Укажите размер шрифта корневого элемента (по умолчанию 16px).
2
Введите значение PX или REM— Введите число в поле PX или REM.
3
Просмотрите результат— Значение в другой единице рассчитается автоматически.
4
Скопируйте результат— Нажмите кнопку копирования, чтобы скопировать CSS-значение.

Связанные инструменты

Справочник единиц CSSСправочник единиц CSS px, em, rem, %, vw, vh, vmin, vmax и ch, сгруппированных по категориям. С понятными пояснениями к каждой абсолютной и относительной единице, бесплатно.

Генератор CSS-градиентовВизуальный генератор CSS-градиентов: линейных, радиальных и конических. Добавляйте точки цвета, меняйте угол и копируйте готовый CSS для фонов и кнопок, бесплатно в браузере.

Конвертер цветовых кодовКонвертер цветов между кодами HEX, RGB, HSL и OKLCH, с расчётом коэффициента контраста WCAG для двух цветов. Проверяйте доступность прямо при подборе палитры, бесплатно.

Генератор CSS box-shadowГенератор CSS box-shadow с настройкой смещения, размытия, растяжения, цвета и inset и живым предпросмотром тени. Скопируйте готовый CSS-код, бесплатно в браузере.

Часто задаваемые вопросы

PX — фиксированные пиксели, REM — относительная единица на основе размера шрифта корневого элемента. REM лучше для адаптивного дизайна.

По умолчанию в браузере базовый размер шрифта — 16px, то есть 1rem = 16px.

REM позволяет пользователям менять размер шрифта через настройки браузера, улучшая доступность.

Нет. Все преобразования выполняются в браузере.