px ↔ rem 변환기
사용자 지정 루트 글꼴 크기를 기준으로 CSS px와 rem 단위를 양방향 변환하고 복사 가능한 참조표와 CSS 스니펫을 제공하는 무료 온라인 도구입니다. CSV·JSON·색상·시간 등 서로 다른 데이터 형식을 변환해야 할 때 유용하며, 모든 처리가 브라우저 안에서 이뤄져 입력 데이터가 서버로 전송되지 않고 설치나 회원가입 없이 무료로 사용할 수 있습니다.
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 스니펫을 제공하는 무료 온라인 도구입니다. CSV·JSON·색상·시간 등 서로 다른 데이터 형식을 변환해야 할 때 유용하며, 모든 처리가 브라우저 안에서 이뤄져 입력 데이터가 서버로 전송되지 않고 설치나 회원가입 없이 무료로 사용할 수 있습니다.
사용 방법
- 1기준 설정— 기준 폰트 크기를 설정하세요 (기본 16px).
- 2값 입력— px 또는 rem 값을 입력하세요.
- 3결과 확인— 변환된 값과 CSS 스니펫을 확인하세요.
- 4참조표 활용— 하단 참조표에서 자주 쓰는 값을 바로 복사하세요.
관련 도구
CSS 단위 참조px, em, rem, %, vw, vh, vmin, vmax, ch 등 CSS 단위를 카테고리별로 정리하고 용도를 설명하는 무료 참조표. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
CSS 그라디언트 생성기linear, radial, conic CSS 그라디언트를 비주얼 에디터로 만들고 색상 정지점과 각도를 조정해 CSS 코드를 복사하는 무료 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.
컬러 코드 변환기HEX·RGB·HSL·OKLCH 색상 코드를 양방향으로 즉시 변환하고, 두 색상의 WCAG 대비비를 계산해 접근성 기준 충족 여부를 확인하는 무료 온라인 도구. CSV·JSON·색상·시간 등 서로 다른 데이터 형식을 변환해야 할 때 유용하며, 모든 처리가 브라우저 안에서 이뤄져 입력 데이터가 서버로 전송되지 않고 설치나 회원가입 없이 무료로 사용할 수 있습니다.
CSS 박스 섀도우 생성기오프셋·블러·확산·색상·내부 그림자 옵션을 조절하며 box-shadow를 실시간 미리보기하고, 완성된 CSS 코드를 복사하는 무료 온라인 생성 도구. 테스트·개발에 필요한 값을 즉석에서 만들어야 할 때 편리하며, 생성 과정이 모두 브라우저에서 실행되어 데이터가 서버로 전송되지 않고 회원가입 없이 무료로 사용할 수 있습니다.
자주 묻는 질문
rem은 루트 요소(html)의 font-size를 기준으로 하는 상대 단위입니다. 기본값은 16px입니다.
네, 상단에서 기준 폰트 크기를 변경하면 변환 결과와 참조표가 자동으로 업데이트됩니다.
em은 부모 요소 기준, rem은 루트(html) 요소 기준입니다. rem이 더 예측 가능합니다.
네, 12.5px → 0.7813rem 같은 소수점 변환을 지원합니다.
아니요. 모든 계산은 브라우저에서 이루어집니다.