10px32px
px
px
rem
rem
Live Preview
16px
The quick brown fox jumps over the lazy dog.
Common Values
| px | rem |
|---|
px와 rem을 즉시 변환하세요. 프로젝트의 루트 폰트 크기를 설정하고 자주 쓰는 값을 한눈에 확인하세요 — 브라우저에서 실시간으로 계산됩니다.
The quick brown fox jumps over the lazy dog.
| px | rem |
|---|
px 값을 입력하면 rem 값을, rem 값을 입력하면 px 값을 즉시 계산합니다. 타이핑할 때마다 실시간으로 변환됩니다.
프로젝트에서 루트 폰트 크기를 변경했다면 (예: 62.5% = 10px), 기준 값을 맞춰 입력하세요. 슬라이더와 숫자 입력이 함께 동기화됩니다.
자주 사용하는 크기를 한눈에 확인하려면 하단의 참고 테이블을 사용하세요. 기준 크기를 바꾸면 모든 값이 자동으로 재계산됩니다.
rem 출력 옆의 복사 버튼을 클릭하면 값이 클립보드에 복사됩니다. CSS에 바로 붙여넣기할 수 있습니다.
<html> 요소의 폰트 크기를 기준으로 하는 CSS 단위입니다. 브라우저 기본값은 16px이므로 기본적으로 1rem = 16px입니다.html { font-size: 62.5%; }를 설정해 1rem = 10px로 계산을 편하게 만듭니다. 프로젝트의 CSS 리셋이나 전역 스타일을 확인하세요.