px ↔ rem 변환기
px (기본: 16px)
1rem
font-size: 1rem;px ↔ rem 참조표 (기준 폰트 크기: 16px)
| px | rem | 복사 |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
최종 업데이트: 2026년 · 무료 온라인 도구
px ↔ rem 변환기란?
사용자 지정 루트 글꼴 크기를 기준으로 CSS px와 rem 단위를 양방향 변환하고 소수값을 지원하며 복사 가능한 참조표와 CSS 스니펫을 제공하는 무료 온라인 도구
사용 방법
- 1 기준 설정 — 기준 폰트 크기를 설정하세요 (기본 16px).
- 2 값 입력 — px 또는 rem 값을 입력하세요.
- 3 결과 확인 — 변환된 값과 CSS 스니펫을 확인하세요.
- 4 참조표 활용 — 하단 참조표에서 자주 쓰는 값을 바로 복사하세요.
관련 도구
컬러 코드 변환기 HEX·RGB·HSL·OKLCH 색상 코드를 양방향으로 즉시 변환하고, 두 색상의 WCAG 대비비를 계산해 접근성 기준 충족 여부를 확인하는 무료 온라인 도구.
Timestamp 변환기 Unix 타임스탬프와 날짜를 양방향으로 변환하는 무료 온라인 도구입니다. 초(10자리)와 밀리초(13자리)를 모두 인식하고 KST, JST, UTC 등 타임존과 ISO 8601 형식, 상대 시간 표시를 지원합니다.
CSS 박스 섀도우 생성기 오프셋·블러·확산·색상·내부 그림자 옵션을 조절하며 box-shadow를 실시간 미리보기하고, 완성된 CSS 코드를 복사하는 무료 온라인 생성 도구.
자주 묻는 질문
rem은 루트 요소(html)의 font-size를 기준으로 하는 상대 단위입니다. 기본값은 16px입니다.
네, 상단에서 기준 폰트 크기를 변경하면 변환 결과와 참조표가 자동으로 업데이트됩니다.
em은 부모 요소 기준, rem은 루트(html) 요소 기준입니다. rem이 더 예측 가능합니다.
네, 12.5px → 0.7813rem 같은 소수점 변환을 지원합니다.
아니요. 모든 계산은 브라우저에서 이루어집니다.