К содержимому
Nolasu
Меню
Инструменты

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

Переводите пиксели макета в rem, em и единицы viewport на этой вкладке — и сразу смотрите печатные эквиваленты.

Обработка в браузере

Конвертация идёт в этом браузере. Мы не отправляем значения.
Конвертация единиц CSS выполняется в этом браузере. Значения остаются на устройстве и не загружаются.

Любое конечное число; допускаются дроби.

Единица CSS, в которой сейчас значение.

Для rem; обычно 16.

Для em.

Для процентов.

Для vw.

Для vh.

Введите значение и единицу, затем конвертируйте.

Возможности

Обычные относительные единицы

Переводите px, rem, em, %, vw и vh вместе.

Настраиваемый контекст

Задайте корневой и родительский шрифт, ширину родителя и viewport.

Справка по печатным единицам

Показывайте pt, cm, mm и in по CSS-эталону 96ppi.

Только в браузере

Расчёт на этом устройстве. Значения не загружаются.

Как пользоваться

  1. Введите число и выберите исходную единицу (например 16 и px).
  2. При необходимости задайте корневой шрифт, шрифт родителя, ширину родителя и viewport.
  3. Нажмите «Конвертировать» и скопируйте rem, em, vw или другой результат.

Об этом инструменте

В браузере

Основная работа заканчивается на этой вкладке.

Без загрузки

Вставленный текст и локальные файлы не отправляются на обработку.

Бесплатно, без аккаунта

На основном пути нет стены регистрации.

Сразу

Нет очереди «сначала загрузите и ждите».

10 языков

Тот же инструмент доступен на десяти языках.

Понятные ошибки

Битый ввод возвращает причину, а не пустой экран.

Вопросы и ответы

Загружаются ли значения?
Нет. Конвертация идёт в этом браузере. Значения не отправляются.
Чем rem отличается от em?
rem относительно корневого размера шрифта; em — родительского. Задайте оба в контексте.
Как считаются vw и vh?
1vw — 1% ширины viewport; 1vh — 1% высоты. Укажите целевой размер окна.
Это бесплатно? Нужен аккаунт?
Да, бесплатно. Для конвертации и копирования аккаунт не нужен.

Похожие инструменты