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 값과 일치합니다. 기준 16px에서 24px는 1.5rem이지만, 부모가 20px인 요소 안에서는 1.2em입니다. 결과는 소수점 다섯째 자리까지 반올림하여 긴 소수가 읽기 쉬우면서도 레이아웃 작업에 필요한 정확성을 유지합니다.