px ⇔ rem/em 변환 - CSS 단위 변환기

기본 폰트 크기를 지정해 px/rem/em을 상호 변환해요. 반응형 디자인의 CSS 단위 변환에 유용해요.

px
px 결과
rem 결과
em 결과

참조 테이블

px rem em
8px 0.5rem 0.5em
10px 0.625rem 0.625em
12px 0.75rem 0.75em
14px 0.875rem 0.875em
16px 1rem 1em
18px 1.125rem 1.125em
20px 1.25rem 1.25em
24px 1.5rem 1.5em
32px 2rem 2em
48px 3rem 3em
64px 4rem 4em

사용 방법

  1. 기본 폰트 크기 입력(기본값 16px)
  2. px 값을 입력하면 rem/em으로 변환
  3. rem/em을 입력하면 px로 변환

FAQ

어떤 단위를 지원하나요?
px, rem, em, vw, vh, %의 상호 변환을 지원합니다.
기본 글꼴 크기를 변경할 수 있나요?
네. rem/em 계산에 사용되는 기본 글꼴 크기를 자유롭게 설정할 수 있습니다.
데이터가 서버로 전송되나요?
아니요. 모든 처리는 브라우저에서 완료됩니다.
이 도구는 어떻게 사용하나요?
값과 단위를 입력하면 px, em, rem, vw, vh 등 각 단위의 환산값이 일람으로 표시됩니다. 기본 글꼴 크기와 뷰포트 크기도 설정할 수 있습니다.
vw와 vh 계산의 기준값은 무엇인가요?
뷰포트 크기는 도구 내에서 설정할 수 있습니다. 기본값이 제공되지만, 실제 화면 크기에 맞게 변경하면 정확한 환산 결과를 얻을 수 있습니다.

관련 도구

업데이트 이력

최종 업데이트: 2026-02-21

  • 2026-02-21 최초 릴리스