PX-REM 변환기

PX to REM 가이드

REM(root em)은 문서의 루트 글꼴 크기(보통 16px)에 상대적인 CSS 단위입니다. rem 값은 사용자의 브라우저 글꼴 설정에 따라 확장되므로, 고정 픽셀 값과 달리 rem으로 만든 디자인은 모든 기기에서 접근성과 비율을 유지합니다.

픽셀 값을 입력해 rem 환산값을 보거나, rem 값을 입력해 역변환하세요. 프로젝트에 맞게 기본 글꼴 크기를 조정할 수 있습니다(일부 디자인 시스템은 10px 또는 20px 루트 사용). 변환표는 일반적인 크기를 다루고, 시각적 비교는 동일한 루트 크기에서 두 단위가 똑같이 렌더링됨을 보여줍니다.

Pro Tips

• 여백, 패딩, 간격도 rem으로 변환하세요. 사용자가 글꼴 크기를 변경하면 텍스트와 함께 간격도 확장되어 리듬이 유지됩니다.
• 디자인 시스템에서 명시적으로 변경하지 않는 한 기본값을 16px로 유지하세요. 루트를 10px로 바꾸면 브라우저 글꼴 확대에 의존하는 사용자의 접근성이 깨집니다.