디자인

PX·REM 변환기

기준 루트 글꼴 크기를 지정해 CSS의 px와 rem 값을 양방향으로 즉시 변환합니다.

변환 방향

변환할 값루트 글꼴 크기 (px)

결과

실행하면 여기에 결과가 표시됩니다.

사용 예제

기준 16px: 24px → 1.5rem
기준 18px: 2rem → 36px

정확도와 제약

실제 rem 크기는 문서 루트 요소에 최종 적용된 font-size에 따라 달라집니다.
브라우저 확대, 운영체제 배율, 사용자 접근성 설정에 따른 화면 크기 변화는 반영하지 않습니다.

자주 묻는 질문

왜 기본 기준값이 16px인가요?

많은 브라우저의 초기 글꼴 크기가 16px이기 때문이며 프로젝트 설정에 맞게 바꿀 수 있습니다.

em도 같은 방식으로 계산하나요?

아니요. em은 현재 요소나 부모의 글꼴 크기를 기준으로 할 수 있어 rem과 별도 맥락이 필요합니다.