Конвертер px в rem и em

Этот конвертер единиц мгновенно переводит любое значение между px, rem и em, позволяя задать размер шрифта корневого элемента и размер шрифта родителя — ведь rem всегда рассчитывается относительно шрифта корня, а em — относительно шрифта непосредственного родителя.

Дизайн и CSS Полностью работает в вашем браузере

Все вычисления выполняются на вашем устройстве — ничего не отправляется на сервер.

Размер корневого шрифта (root)Размер шрифта родительского элемента (для em)

px

16

rem

1

em

1

Продолжить с

Полностью локально

Генератор CSS-градиентов

Создайте линейный или радиальный цветовой градиент и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор теней CSS (Box Shadow)

Настройте тень элемента визуально и получите готовый код box-shadow

Дизайн и CSSОткрыть инструмент

Похожие инструменты

Полностью локально

Извлечение цветовой палитры из изображения

Извлеките главные доминирующие цвета из любого изображения в форматах HEX и RGB

Дизайн и CSSОткрыть инструмент

Полностью локально

Создание красивого скриншота кода

Вставьте код и превратите его в красивое изображение с градиентным фоном и окном заголовка, готовое для публикации

Дизайн и CSSОткрыть инструмент

Полностью локально

Симулятор дальтонизма

Посмотрите, как ваше изображение выглядит для человека с дальтонизмом (протанопия, дейтеранопия, тританопия или ахроматопсия)

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор clip-path для CSS

Выберите готовую форму (круг, треугольник, звезда, речевой пузырь...) и получите готовый код clip-path

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор кривой Cubic Bezier для анимации

Перетащите две точки, чтобы визуально спроектировать кривую ускорения анимации (Easing), и получите код cubic-bezier

Дизайн и CSSОткрыть инструмент

Хотите попробовать Uddatak?

Просмотрите полную библиотеку инструментов и начните пользоваться тем, что нужно прямо сейчас — бесплатно, без регистрации.

Смотреть все инструменты