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