포켓인포
📐

px ↔ rem 변환

기준 폰트 크기로 px와 rem 단위를 변환합니다.

💻 웹 & 개발

변환 결과

1rem

자주 쓰는 값 변환표 (기준 16px)

pxrem
12px0.75rem
14px0.875rem
16px1rem
24px1.5rem
32px2rem

📖 px ↔ rem 변환 소개

px ↔ rem 변환기는 픽셀과 rem 단위를 서로 바꿔 줍니다. 반응형 웹에서 기준 글꼴 크기(보통 16px)를 기준으로 일관된 크기 체계를 잡을 때 사용합니다.

📝 사용 방법

  1. 기준 글꼴 크기(루트 font-size, 기본 16px)를 확인합니다.
  2. 변환할 px 또는 rem 값을 입력합니다.
  3. 반대 단위 값을 확인해 CSS에 적용합니다.

❓ 자주 묻는 질문

rem과 em은 무엇이 다른가요?

rem은 루트(html)의 글꼴 크기를 기준으로, em은 부모 요소의 글꼴 크기를 기준으로 합니다. rem이 더 예측하기 쉽습니다.

기준이 왜 16px인가요?

대부분 브라우저의 기본 글꼴 크기가 16px이라, 1rem = 16px이 기본값입니다. 루트 설정을 바꾸면 기준도 달라집니다.

※ 입력한 내용은 브라우저에서만 처리되며 서버로 전송·저장되지 않습니다.