Конвертер единиц CSS: px в rem, em, pt, мм и цвета
px в em, rem, pt и миллиметры, цвет HEX в RGB, HSL и CMYK.
Формула
1 rem = размер шрифта страницы (по умолчанию 16 px). 1 pt = 96/72 px, 1 pc = 16 px, 1 мм = 96/25,4 px, 1 см = 96/2,54 px, 1 in = 96 px. CMYK считается из RGB без цветового профиля.
Как пользоваться
Выберите, что переводите: размеры или цвет.
Введите значение, укажите единицу и размер шрифта страницы.
Скопируйте нужное значение из списка.
Пример расчёта
24 px при размере шрифта 16 px — это 1,5 rem. Цвет #0e6b56 — это rgb(14, 107, 86) и hsl(166, 77%, 24%).
Полезная информация
Верстальщику часто нужно перевести пиксели в rem, а цвет из макета — в другой формат. Введите значение и единицу — в ответ увидите все единицы сразу. Для rem и em задаётся размер шрифта страницы (обычно 16 px). Цвет можно ввести как HEX, rgb(), hsl() или тремя числами.
Расчёт идёт в браузере.
Вопросы
Чем rem отличается от em?
rem считается от размера шрифта страницы, em — от размера шрифта родительского элемента. В калькуляторе оба берутся от размера, который вы указали.
Точен ли перевод в CMYK?
Нет, это простой пересчёт без цветового профиля. Для печати цвет сверяют в графическом редакторе с профилем типографии.