Конвертер px / rem / em
Преобразуйте единицы CSS px, rem, em, pt и % с настраиваемой базой.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Преобразуйте единицы CSS мгновенно
Введите значение и его единицу, выберите базу (корневой размер шрифта, по умолчанию 16) и получите эквиваленты в px, rem, em, pt и %. Кликните значение, чтобы скопировать.
-
Введите значение
И его исходную единицу.
-
Задайте базу
Корневой размер шрифта (по умолчанию 16px).
-
Скопируйте нужную единицу
Клик копирует готовое для CSS значение.
Соответствия (база 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Связи: 1 rem = база px; 1 px = 0,75 pt; % = px ÷ база × 100. Всё считается локально.
Частые вопросы
В чём разница px, rem и em?
px — фиксированный размер. rem относителен к размеру шрифта корневого элемента (html), по умолчанию 16px. em относителен к размеру шрифта родителя. Здесь заданная вами база — это опора для rem, em и %.
Зачем rem вместо px?
rem уважает размер шрифта, выбранный пользователем в браузере: сайт остаётся читаемым и доступным, когда кто-то увеличивает размер по умолчанию. Рекомендуется для шрифтов и многих отступов.
Как перейти от px к pt?
В CSS 1px = 1/96 дюйма, а 1pt = 1/72 дюйма, поэтому 1px = 0,75pt. При базе 16: 16px = 12pt. pt используют в основном для печати.
Чему равен 1 rem?
1 rem = корневой размер шрифта. При базе по умолчанию 16: 1 rem = 16px = 100%. Если задать базу 10, то 1 rem = 10px, что упрощает расчёты (1,6 rem = 16px).