px ↔ rem Converter
Быстрая конвертация между px и rem с настраиваемым базовым размером шрифта
Одиночное значение
Пакетная конвертация CSS
Справочная таблица (base: 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 |
О сервисе px ↔ rem Converter
Конвертируйте значения между px и rem. Указайте базовый размер шрифта, вставьте одиночное значение или целый CSS-код — инструмент заменит все единицы. Справочная таблица обновляется автоматически.
Часто задаваемые вопросы
rem (root em) масштабируется относительно корневого font-size. Если пользователь изменит размер шрифта в браузере, все rem-значения пересчитаются пропорционально. Это улучшает доступность и адаптивность макета.
Базовый размер (обычно 16px) — это font-size элемента <html>. 1rem = 1 × базовый размер. При 16px: 1rem = 16px, 0.5rem = 8px, 2rem = 32px. Изменение базового размера пересчитывает все rem-значения.
px подходят для значений, которые не должны масштабироваться: border-width (1px), мелкие декоративные элементы, тени. Также px уместны для точного позиционирования в pixel-perfect макетах.
rem всегда относится к корневому font-size (<html>). em — к font-size родительского элемента, что может создать каскадный эффект при вложенности. rem предсказуемее и чаще используется для размеров и отступов.
Да. Пакетный режим находит все значения px (или rem) в CSS-коде и заменяет их. Например, padding: 16px 24px 8px станет padding: 1rem 1.5rem 0.5rem при базовом размере 16px.
Полезные статьи
Руководства и советы по теме
Связанные инструменты
Другие полезные сервисы reChecker