Как использовать
- Подтвердите
html font-sizeвашего проекта в поле «Базовый размер». Обычным значением по умолчанию является 16px. - Введите значение из дизайна, например
24, в поле PX. - Поле REM мгновенно обновится до
1.5rem; вы также можете ввести2rem, чтобы получить32px. - Используйте таблицу ниже для обычных размеров шрифтов, значений отступов и справочника по интервалам Tailwind.
Основные функции
- Мгновенная двусторонняя конвертация: Введите PX или REM и сразу получите противоположное значение без кнопки расчета.
- Настраиваемый базовый размер шрифта: Начните с 16px или переключитесь на 10px, 14px или любой другой корневой размер для конкретного проекта.
- Встроенная шпаргалка: Общие размеры обновляются вместе с базовым размером, включая эквиваленты 12px, 16px, 24px и 32px.
- Справочник по интервалам Tailwind: Смотрите общие токены интервалов Tailwind для соответствующих пиксельных значений.
- Локально и быстро: Все расчеты выполняются в памяти браузера без сетевых запросов.
Похожие инструменты
Калькулятор FIRE 2026 с поправкой на инфляцию. Смоделируйте реальную покупательную способность, проанализируйте нехватку пенсионных накоплений и создайте визуальный план роста благосостояния. Экспорт в CSV в один клик для финансовых дашбордов в Excel или Notion. 100% конфиденциально, локальные вычисления.
Рассчитайте размер торговой позиции на основе баланса счета, процента риска, цены входа и стоп-лосса. Работает локально в браузере, позволяет сравнивать сценарии риска перед открытием сделки.
Рассчитайте сложный процент на основе начального капитала, регулярных пополнений, годовой доходности и срока инвестирования. Визуализируйте капитал, проценты и итоговый баланс с помощью локального интерактивного графика.
Используйте этот калькулятор кредитов и ипотеки, чтобы локально оценить ежемесячный платеж, общую сумму процентов и график платежей. Введите сумму, ставку и срок для мгновенного расчета с графиками.
Используйте калькулятор инвестиций и ROI для локального расчета начального капитала, ежемесячных пополнений, годовой доходности и результатов с учетом инфляции. Визуализируйте ожидаемую доходность с помощью графика сложного процента.
Используйте этот калькулятор APR в APY для локального перевода между APR и APY. Введите ставку, выберите частоту капитализации и мгновенно узнайте эффективную процентную ставку, разницу и сравнение частот.
Используйте этот калькулятор маржи для расчета валовой прибыли, наценки, маржи и цены продажи локально. Введите себестоимость и цену или себестоимость и целевую маржу, чтобы мгновенно рассчитать показатели.
Используйте этот калькулятор CPM и CPC для локальной оценки затрат на рекламу, показов, кликов, CPM, CPC и CTR. Введите бюджет и целевые расходы для мгновенного планирования сценариев кампании.
Логика расчёта
- Формула PX в REM:
REM = PX / Base Size. - Формула REM в PX:
PX = REM × Base Size. - При базовом размере корня браузера по умолчанию
16px = 1remи24px = 1.5rem.
Часто задаваемые вопросы
Сколько пикселей в 1rem?
В большинстве браузеров 1rem по умолчанию равен 16px. Если в вашем проекте изменяется html { font-size }, используйте этот корневой размер.
В чем разница между PX и REM?
PX — это абсолютная единица пикселя. REM — относится к корневому размеру шрифта, что помогает макетам учитывать предпочтения пользователя в отношении размера шрифта.
Почему в некоторых проектах используется база 10px?
Некоторые команды устанавливают html { font-size: 62.5%; }, так что 1rem составляет около 10px, что облегчает вычисления в уме. Учтите доступность, прежде чем внедрять это.
Конвертирует ли это также EM?
Нет. Этот инструмент фокусируется на PX и REM. EM зависит от размера шрифта текущего элемента, поэтому его не следует рассматривать как идентичное преобразование.
Загружаются ли какие-либо данные CSS или дизайна на сервер?
Нет. Конвертация происходит локально в вашем браузере без серверных расчетов или загрузки файлов.