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

• Мгновенное преобразование 18 единиц: конвертируйте любое значение единицы CSS во все 18 поддерживаемых единиц мгновенно - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh и rlh. Наш конвертер единиц CSS показывает все результаты одновременно в аккуратной сетке по категориям, без ожидания.
• Настраиваемые базовые значения: задайте размер корневого шрифта, размер родительского шрифта, ширину и высоту viewport в соответствии с контекстом проекта. Выбирайте из распространённых шаблонов (от 375px iPhone до 2560px QHD) или вводите свои значения. Все преобразования мгновенно обновляются при изменении любой настройки.
• 100 % приватность в браузере: все преобразования единиц CSS выполняются локально в вашем браузере. Ваши значения и настройки никогда не покидают устройство - полностью безопасно для проприетарных проектов и дизайн-систем. Без загрузок на сервер, без хранения данных, без отслеживания.
• Бесплатно и без ограничений: конвертируйте неограниченное количество единиц CSS без регистрации, подписки и лимитов использования. Наш конвертер единиц CSS полностью бесплатен навсегда, без премиум-функций за платной стеной.

Единицы CSS определяют размер и измерение элементов на веб-странице. Они делятся на четыре основные категории: абсолютные единицы (px, pt, pc, cm, mm, in, q) с фиксированными физическими размерами, единицы относительно шрифта (em, rem, %, ch, ex, lh, rlh), которые масштабируются вместе с типографикой, единицы viewport (vw, vh, vmin, vmax), которые масштабируются вместе с окном браузера, и проценты, которые масштабируются вместе с родительским элементом. Наш конвертер единиц CSS поддерживает все 18 единиц и мгновенно показывает эквивалентные значения по каждой категории.

1. Введите значение и выберите исходную единицу: введите любое число и выберите единицу, из которой конвертируете. Вы можете начать с любой из 18 поддерживаемых единиц CSS - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh или rlh.
2. Настройте контекстно-зависимые параметры: задайте размер корневого шрифта (для rem, rlh), размер родительского шрифта (для em, %, ch, ex), ширину viewport (для vw, vmin, vmax) и высоту viewport (для vh, vmin, vmax). Выбирайте из распространённых шаблонов или вводите свои значения. Результаты обновляются автоматически при любом изменении.
3. Прочитайте мгновенные результаты: смотрите преобразованное значение во всех 18 единицах, сгруппированных по категориям (абсолютные, относительно шрифта, viewport). Нажмите на любую карточку результата, чтобы сделать её новым вводом и продолжить конвертацию. Копируйте отдельные значения или вывод CSS одним кликом.

• Абсолютные единицы имеют фиксированные физические размеры, определяемые соотношением эталонного пикселя CSS (96 DPI). 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . Они лучше всего подходят для стилей печати и когда требуются точные физические размеры.
• Единицы относительно шрифта масштабируются вместе с настройками типографики. Используйте rem для размеров относительно корня, em для размеров относительно родителя и % как альтернативу em. Значения ch и ex приблизительны (основаны на 0.5× размера шрифта), тогда как lh и rlh предполагают стандартную высоту строки 1.2.
• Единицы viewport масштабируются вместе с размерами окна браузера. 1vw = 1 % ширины viewport , 1vh = 1 % высоты viewport , vmin использует меньший размер, а vmax - больший. Задайте целевой размер viewport, чтобы получить точные эквиваленты в пикселях.

Все преобразования абсолютных единиц в нашем конвертере единиц CSS математически точны на основе соотношения эталонного пикселя CSS (1in = 96px). Единицы относительно шрифта (ch, ex, lh, rlh) используют стандартные приближения: ch и ex оцениваются в 0.5× размера шрифта, lh - в 1.2× размера родительского шрифта, rlh - в 1.2× размера корневого шрифта. Фактические отображаемые значения зависят от конкретного шрифта и браузера. Для точной до пикселя работы всегда проверяйте с вашей реальной типографикой в целевом браузере.