px ↔ rem 변환기
px 값을 rem으로, rem 값을 px로 바꿔 줍니다. 기준 폰트 크기를 바꿔 계산할 수 있고, 자주 쓰는 값 대조표도 제공합니다.
변환 결과
자주 쓰는 값 대조표
현재 기준 폰트 크기(16px) 기준입니다.
| px | rem |
|---|---|
| 10px | |
| 12px | |
| 14px | |
| 16px | |
| 18px | |
| 20px | |
| 24px | |
| 28px | |
| 32px | |
| 40px | |
| 48px | |
| 64px |
사용법
세 칸 중 하나에 값을 입력하면 나머지가 자동으로 계산됩니다.rem은 루트 요소(html)의 글자 크기를 1로 보는 상대 단위입니다. 기본값 16px 기준으로 1rem = 16px,1.5rem = 24px이 됩니다.
레이아웃 여백·폰트 크기를 rem으로 두면 사용자가 브라우저 기본 글자 크기를 키웠을 때 전체가 함께 커져 접근성에 유리합니다. 디자인 시안이 px로 나왔을 때 이 표로 빠르게 옮길 수 있습니다.
프로젝트에서 html { font-size: 62.5% }처럼 기준을 10px로 잡았다면 위 "기준 폰트 크기"를 10으로 바꾸세요. 그러면1rem = 10px로 계산됩니다.