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