Convert between px and rem instantly. Adjust the root font size for your project and get a reference table of common values — all calculated live in your browser.
px와 rem을 즉시 변환하세요. 프로젝트의 루트 폰트 크기를 설정하고 자주 쓰는 값을 한눈에 확인하세요 — 브라우저에서 실시간으로 계산됩니다.
The quick brown fox jumps over the lazy dog.
| px | rem |
|---|
How to use
Step 1
Type a px value to get the rem equivalent, or type a rem value to get px back. Conversion is live on every keystroke.
px 값을 입력하면 rem 값을, rem 값을 입력하면 px 값을 즉시 계산합니다. 타이핑할 때마다 실시간으로 변환됩니다.
Step 2
If your project sets a custom root font size (e.g. 62.5% = 10px), change the base to match. Slider and number input stay in sync.
프로젝트에서 루트 폰트 크기를 변경했다면 (예: 62.5% = 10px), 기준 값을 맞춰 입력하세요. 슬라이더와 숫자 입력이 함께 동기화됩니다.
Step 3
Scroll down to the reference table for quick lookups of the most commonly used sizes. Values recalculate automatically when the base changes.
자주 사용하는 크기를 한눈에 확인하려면 하단의 참고 테이블을 사용하세요. 기준 크기를 바꾸면 모든 값이 자동으로 재계산됩니다.
Step 4
Click the Copy button next to any rem output to copy the value to your clipboard — ready to paste into your CSS.
rem 출력 옆의 복사 버튼을 클릭하면 값이 클립보드에 복사됩니다. CSS에 바로 붙여넣기할 수 있습니다.
FAQ
<html> element. Browsers default to 16px, so 1rem = 16px out of the box.<html> 요소의 폰트 크기를 기준으로 하는 CSS 단위입니다. 브라우저 기본값은 16px이므로 기본적으로 1rem = 16px입니다.html { font-size: 62.5%; } to make 1rem = 10px for easier mental math. Always check your project's CSS reset or global styles.html { font-size: 62.5%; }를 설정해 1rem = 10px로 계산을 편하게 만듭니다. 프로젝트의 CSS 리셋이나 전역 스타일을 확인하세요.