Конвертер px → rem / em / vw

О сервисе

Конвертер CSS-единиц: px ↔ rem ↔ em, плюс vw, vh и % для заданного экрана. Настраиваются root font-size (по умолчанию 16px), ширина и высота viewport (по умолчанию 1280 × 800).

Что умеет

• Перевод px ↔ rem ↔ em одновременно — значение можно ввести в любой из трёх единиц
• Расчёт vw от ширины viewport и vh — от его высоты
• Процент от ширины viewport
• Настраиваемый root font-size
• Пресеты экранов: 320 × 568, 768 × 1024, 1024 × 768, 1280 × 800, 1440 × 900, 1920 × 1080 — или свои ширина и высота
• Таблица популярных значений 10–64 px → rem для текущего root font-size

Как работает

Базовые формулы: rem = px / root_size, em = px / root_size (для элемента с font-size, равным корневому), vw = px / ширина viewport × 100, vh = px / высота viewport × 100. vw и vh считаются от разных сторон экрана, поэтому на неквадратном экране одно и то же значение в пикселях даёт разные vw и vh.

Пример

При root 16px: 24px = 1.5rem, 16px = 1rem (база), 12px = 0.75rem. На экране 1280 × 800: 16px = 1.25vw = 2vh.

Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.