Бесплатный онлайн-инструмент
Конвертер PX в REM
Переведите размеры из пикселей (px) в rem и обратно — для адаптивной и доступной вёрстки. Введите значение, получите результат, готовую CSS-строку и живой пример размера.
rem — относительная единица CSS: 1rem равен базовому размеру шрифта страницы (обычно 16px).
Введите значение в пикселях или в rem — второе посчитается автоматически.
Таблица частых значений
Готовые пары «пиксели → rem» для базового размера из конвертера — значок рядом копирует rem-значение.
| Пиксели | Rem | Где обычно используется |
|---|---|---|
| 12px | — | Подписи, метки |
| 14px | — | Вторичный текст |
| 16px | — | Основной текст |
| 18px | — | Лид-абзацы |
| 20px | — | Подзаголовки |
| 24px | — | Заголовки H3 |
| 32px | — | Заголовки H2 |
| 48px | — | Заголовки H1 |
| 64px | — | Крупные экранные заголовки |
Значения в колонке Rem пересчитываются автоматически при смене базового размера шрифта в конвертере. Размеры блоков и пропорции подберёт калькулятор соотношения сторон.
Частые вопросы
Зачем переводить px в rem?
Дизайнеры задают размеры в макете в пикселях, а в современной вёрстке их переводят в rem — чтобы интерфейс уважал настройки доступности и масштабировался вместе с базовым шрифтом браузера. Инструмент переводит в оба направления и сразу выдаёт готовую CSS-строку.
Что такое rem и чем он отличается от px?
Пиксель (px) — фиксированная единица, а rem — относительная: 1rem равен размеру шрифта корневого элемента html (по умолчанию 16px). Если пользователь увеличит базовый размер шрифта в настройках браузера, размеры в rem масштабируются, а в px — нет.
Почему в вёрстке рекомендуют rem вместо px?
Rem уважает пользовательские настройки доступности: люди со слабым зрением увеличивают шрифт в браузере, и интерфейс на rem корректно масштабируется. Это же требование встречается в стандартах доступности WCAG.
Как перевести px в rem вручную?
Разделите значение в пикселях на базовый размер шрифта: 24px ÷ 16 = 1.5rem. Наш конвертер делает это автоматически и в обе стороны.
Когда базовый размер не равен 16px?
Некоторые проекты задают html { font-size: 62.5% } — тогда 1rem = 10px и переводить проще. Нажмите пресет «10px» или укажите свой базовый размер, и расчёт подстроится.