ROSE100
모든 서비스
📏

CSS·웹디자인

PX·REM·EM 변환기

루트와 부모 글자 크기를 기준으로 CSS 단위를 바로 환산해요.

REM

1

rem

EM

1

em

도구 안내

이럴 때 사용하세요

내용 검토 · 2026-07-22

디자인의 px 값을 rem·em으로 옮기거나 현재 루트와 부모 글자 크기에서 실제 픽셀값을 확인할 때 유용합니다.

사용 방법

루트 글자 크기와 em 기준이 되는 부모 크기를 입력한 뒤 변환할 값을 넣으세요. rem은 루트, em은 현재 요소의 부모 기준으로 계산합니다.

사용 전 확인

중첩된 em, 브라우저 확대와 clamp·뷰포트 단위는 단순 환산만으로 표현되지 않습니다. 접근성을 위해 사용자의 기본 글자 크기 변경도 시험하세요.

데이터 처리

입력값은 계산을 위해 현재 화면에서만 사용하며 별도로 전송하거나 저장하지 않습니다.

함께 쓰기 좋은 도구

지금 하려는 작업과 자연스럽게 이어지는 도구예요.