ESC

Конвертер единиц

px
Стандартный размер шрифта в браузере — 16px
px
rem
em
pt
Все вычисления происходят в вашем браузере. Данные не отправляются на сервер.

Справочная таблица

PX REM EM PT

Вывод CSS-переменных

Примеры использования

Типографская шкала

Конвертация полной типографской шкалы из пикселей в REM для адаптивного веб-дизайна.

Адаптивная вёрстка

Конвертация отступов и размеров из PX в REM для гибких адаптивных макетов.

CSS-переменные

Генерация CSS custom properties с значениями в REM из вашей дизайн-системы на основе пикселей.

Возможности

Двусторонняя конвертация

Мгновенная конвертация из любой единицы во все остальные — PX, REM, EM и PT

Справочная таблица

Просмотр распространённых значений в пикселях и их эквивалентов в REM, EM и PT

Массовая конвертация

Вставьте несколько значений PX и получите все конвертации одним кликом

Конфиденциальность

Все вычисления выполняются локально в вашем браузере, данные не отправляются на сервер

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

1

Задайте базовый размер шрифта

Установите базовый размер шрифта (по умолчанию 16px). Он используется как основа для расчётов REM и EM.

2

Введите значение

Введите значение в любое поле (PX, REM, EM или PT) — остальные обновятся автоматически.

3

Скопируйте результат

Копируйте отдельные значения, справочную таблицу или CSS-переменные для вашего проекта.

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

Конвертирует между единицами CSS: PX, REM, EM и PT. Всё работает в вашем браузере.

Двусторонняя конвертация между PX, REM, EM и PT.

Да. Все вычисления происходят в вашем браузере. Ничего не отправляется на сервер.

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

Задайте базовый размер шрифта, введите значение в любой единице и мгновенно увидите все остальные. Включает справочную таблицу, массовый конвертер и вывод CSS custom properties.

Основные возможности

Двусторонняя конвертация между PX, REM, EM и PT. Настраиваемый базовый размер шрифта, справочная таблица распространённых значений, режим массовой конвертации, вывод CSS-переменных.

Типичные сценарии использования

Создание адаптивных сайтов с единицами REM, конвертация устаревших дизайнов на основе PX, обеспечение доступности с учётом пользовательских настроек шрифта, генерация CSS-переменных для дизайн-систем.

Советы

REM привязан к размеру шрифта корневого элемента (обычно 16px). EM привязан к родительскому элементу. REM более предсказуем для единообразного размера компонентов.

Конфиденциальность

Все вычисления происходят в вашем браузере. Ничего не отправляется на сервер.

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step