Конвертер CSS-единиц
Преобразование между единицами CSS: px, rem, em, pt, cm, mm и in.
Базовый размер шрифта (px)
Стандартные контрольные точки
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
О конвертере CSS-единиц
CSS поддерживает множество единиц измерения для размеров элементов, шрифтов и отступов. Пиксели (px) — абсолютные единицы, а rem и em — относительные, привязанные к размеру шрифта, что делает их незаменимыми для адаптивного дизайна. Этот инструмент мгновенно конвертирует между всеми распространёнными CSS-единицами с настраиваемым базовым размером шрифта для точных расчётов rem/em.
Как использовать
Выберите исходную единицу кнопками вверху, затем введите числовое значение. Все преобразования отображаются мгновенно. Измените базовый размер шрифта (по умолчанию 16px), если ваш проект использует другой корневой размер. Нажмите значок копирования рядом с любым результатом.
Типичные сценарии использования
- Преобразование пиксельных значений в rem для адаптивной типографики
- Перевод печатных единиц (pt, cm, mm) в экранные (px)
- Расчёт значений em относительно пользовательского базового размера шрифта
- Генерация согласованных значений отступов в разных системах единиц
- Конвертация дизайн-спецификаций из дюймов или пунктов в пиксели