px ↔ rem 변환

px, rem, em, pt를 한 번에 바꿔 줘요. 기준 글자 크기를 바꿔서 프로젝트에 맞게 계산하세요.

값 기준 글자 크기 px

px 변환표 (10~64px)

px	rem (= em)	pt

값을 입력하고 단위(px, rem, em, pt)를 고르면 나머지 단위로 바로 바꿔 보여줘요.
프로젝트의 기준 글자 크기가 16px이 아니라면 기준 글자 크기를 바꾸세요. 예를 들어 html { font-size: 62.5% }를 쓰면 10px이에요.
필요한 줄의 "복사"를 눌러 단위가 붙은 값(예: 1.5rem)을 가져가세요.
아래 표에서 10~64px에 해당하는 rem과 pt를 한눈에 확인할 수 있어요.

rem과 em은 어떻게 다른가요?

rem은 html(루트) 글자 크기를, em은 그 요소의 글자 크기(또는 부모)를 기준으로 해요. 이 도구는 em도 rem과 같은 기준 글자 크기로 계산해서, 부모 글자 크기가 기준과 같을 때의 값이에요. 중첩된 요소에서는 실제 값이 달라질 수 있어요.

pt는 어떻게 계산하나요?

CSS에서 1pt는 1/72인치이고 1px은 1/96인치라서 pt = px × 0.75예요. 예를 들어 16px은 12pt예요.

소수는 몇 자리까지 보여주나요?

소수 넷째 자리에서 반올림하고 끝의 0은 지워요. 반올림은 5에서 올림(0에서 먼 쪽)이에요. 계산은 부동소수점 대신 분수로 정확하게 해서 0.1 + 0.2 같은 오차가 생기지 않아요.

기준 글자 크기에 쓸 수 있는 값은요?

0보다 크고 1000 이하인 숫자예요. 브라우저 기본값은 보통 16px이에요. 사용자가 브라우저 설정에서 글자 크기를 바꾸면 rem 값의 실제 픽셀은 달라질 수 있어요.