포켓인포
📐

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이 기본값입니다. 루트 설정을 바꾸면 기준도 달라집니다.

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