Конвертер px в rem и обратно
Переводите CSS-пиксели в rem и обратно с настраиваемым корневым размером шрифта.
Одно значение
Популярные преобразования
Как это работает
Rem units are relative to the root element font size. With the default 16px base, 1rem equals 16px and 0.5rem equals 8px.
Помощник CSS-переменных
Создайте CSS-переменные из значений отступов в пикселях.
Что такое Конвертер px в rem и обратно?
Переводите CSS-пиксели в rem и обратно с настраиваемым корневым размером шрифта. Значение px или rem и корневой размер; дополнительно — список через запятую для CSS variables. Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Открыть инструмент
Что делает инструмент
- Входные данные: Значение px или rem и корневой размер; дополнительно — список через запятую для CSS variables.
- Настройки и обработка: Переключение px→rem/rem→px; настраиваемая база, по умолчанию 16 px; CSS Variables Helper.
- Результат: Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Как пользоваться
- Добавьте входные данные. Значение px или rem и корневой размер; дополнительно — список через запятую для CSS variables.
- Проверьте настройки. Переключение px→rem/rem→px; настраиваемая база, по умолчанию 16 px; CSS Variables Helper.
- Создайте, проверьте и экспортируйте результат. Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Основные возможности
- Входные данные: Значение px или rem и корневой размер; дополнительно — список через запятую для CSS variables.
- Настройки и обработка: Переключение px→rem/rem→px; настраиваемая база, по умолчанию 16 px; CSS Variables Helper.
- Результат: Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Когда пригодится
- Переводите CSS-пиксели в rem и обратно с настраиваемым корневым размером шрифта.
- Используйте, когда нужен такой результат или диагностический вывод: Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
- Поставьте инструмент перед следующим проверенным этапом: проверкой значений при реальном root-size и масштабе проекта.
Ограничения и безопасность
- Формула: rem = px ÷ корневой размер. 16 px — распространённое, но не гарантированное значение; computed root size зависит от CSS и настроек пользователя.
Устранение неполадок
- Введите обычное число и проверьте десятичный разделитель, исходную/целевую единицу, base или root size, DPI и допустимый диапазон.
- Пересчитайте одно известное эталонное значение, затем сравните допущения и округление до пакетного преобразования или применения в CSS/печати.
- Формула: rem = px ÷ корневой размер. 16 px — распространённое, но не гарантированное значение; computed root size зависит от CSS и настроек пользователя.
Частые вопросы
Что такое Конвертер px в rem и обратно?
Переводите CSS-пиксели в rem и обратно с настраиваемым корневым размером шрифта.
Как пользоваться Конвертер px в rem и обратно?
Добавьте ожидаемые данные, проверьте параметры страницы и сверяйте результат перед копированием или скачиванием. Ожидаемый результат: Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Какие входные данные поддерживаются?
Значение px или rem и корневой размер; дополнительно — список через запятую для CSS variables.
Какой результат создаёт инструмент?
Пересчитанное значение, типовые соответствия и, при необходимости, CSS custom properties.
Какие есть ограничения?
Формула: rem = px ÷ корневой размер. 16 px — распространённое, но не гарантированное значение; computed root size зависит от CSS и настроек пользователя.
Связанные инструменты AppKiro
Начните с проверенного примера
Проверьте небольшой нечувствительный пример, ключевые параметры и результат, затем применяйте его в рабочем процессе.
Открыть инструмент