PX ↔ REM & EM 변환기

이 px to rem 변환기의 기능

픽셀 또는 rem 값을 입력하고 기준(루트) 글꼴 크기를 지정하면 px, rem, em 등가 값을 즉시 보여 줍니다. 두 입력란은 양방향으로 연결되어 있어 픽셀 값을 입력하면 rem을, rem 값을 입력하면 픽셀을 확인할 수 있습니다. 기준 글꼴 크기는 브라우저 기본값인 16px로 설정되어 있지만, 프로젝트의 루트 스타일에 맞게 변경할 수 있습니다. 각 결과는 한 번의 클릭으로 복사해 CSS에 바로 붙여넣을 수 있습니다.

변환 원리

계산은 간단하고 손실이 없습니다: rem = px / base이며 px = rem × base입니다. 표준 16px 기준에서 24px는 1.5rem, 1rem은 16px입니다. 여기서 em은 같은 기준 글꼴 크기를 기준으로 측정하므로 그 값이 rem 값과 일치합니다 — 요소가 루트 크기를 상속할 때 유용합니다. 결과는 소수점 다섯째 자리까지 반올림하여 긴 소수가 읽기 쉬우면서도 레이아웃 작업에 필요한 정확성을 유지합니다.