변환 결과
1rem
자주 쓰는 값 변환표 (기준 16px)
| px | rem |
|---|---|
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 24px | 1.5rem |
| 32px | 2rem |
📖 px ↔ rem 변환 소개
px ↔ rem 변환기는 픽셀과 rem 단위를 서로 바꿔 줍니다. 반응형 웹에서 기준 글꼴 크기(보통 16px)를 기준으로 일관된 크기 체계를 잡을 때 사용합니다.
📝 사용 방법
- 기준 글꼴 크기(루트 font-size, 기본 16px)를 확인합니다.
- 변환할 px 또는 rem 값을 입력합니다.
- 반대 단위 값을 확인해 CSS에 적용합니다.
❓ 자주 묻는 질문
rem과 em은 무엇이 다른가요?
rem은 루트(html)의 글꼴 크기를 기준으로, em은 부모 요소의 글꼴 크기를 기준으로 합니다. rem이 더 예측하기 쉽습니다.
기준이 왜 16px인가요?
대부분 브라우저의 기본 글꼴 크기가 16px이라, 1rem = 16px이 기본값입니다. 루트 설정을 바꾸면 기준도 달라집니다.
※ 입력한 내용은 브라우저에서만 처리되며 서버로 전송·저장되지 않습니다.