Адаптивный веб-дизайн использует относительные единицы (rem, em) вместо фиксированных px. rem относится к корневому размеру шрифта (обычно 16px) и идеален для масштабируемых доступных дизайнов. Конвертация px ↔ rem, em, pt с настраиваемым базовым размером.
Browser default is 16px
| PX | REM | PT |
|---|---|---|
| 8px | 0.5rem | 6pt |
| 10px | 0.625rem | 7.5pt |
| 12px | 0.75rem | 9pt |
| 14px | 0.875rem | 10.5pt |
| 16px | 1rem | 12pt |
| 18px | 1.125rem | 13.5pt |
| 20px | 1.25rem | 15pt |
| 24px | 1.5rem | 18pt |
| 32px | 2rem | 24pt |
| 48px | 3rem | 36pt |
| 64px | 4rem | 48pt |
Введите px или rem, и все конверсии выполняются сразу. Установите базовый размер шрифта (по умолчанию 16px). Переключение px→rem и rem→px. Кнопки копирования для каждого результата. Быстрые пресеты для распространённых размеров.
Адаптивный дизайн. Конвертация пиксельных макетов из Figma/Sketch в rem. Миграция legacy px-стилей в rem. Конвертация печатных pt в экранные px. Консистентность через viewports и пользовательские настройки шрифтов.
Формулы: px→rem = px / baseFontSize, rem→px = rem × baseFontSize, px→pt = px × 0.75 (72 DPI / 96 DPI), проценты = (rem × 100)%. em предполагает корневой контекст (≈rem). Браузер по умолчанию 16px, но пользователь может изменить, поэтому rem доступнее.
Разделить px на корневой размер шрифта (обычно 16px). Пример: 24px ÷ 16 = 1.5rem. Инструмент считает автоматически для любого базового размера.
rem относится к корневому <html> и консистентен на всей странице. em относится к родительскому элементу и накапливается при вложении. rem предпочтительнее для предсказуемости.
rem учитывает пользовательские настройки шрифта браузера → доступность. Если пользователь увеличил с 16px до 20px, rem масштабируются пропорционально, px остаются фиксированными.
Форматируйте и минифицируйте CSS с правильными отступами и сортировкой свойств.
Конвертация утилитарных классов Tailwind CSS в стандартные свойства обычного CSS.
Вычисление и конвертация соотношений сторон для изображений, видео и адаптивного дизайна.
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты