CSS 단위 변환
한 단위에 입력하면 px·rem·em·pt·%가 동시에 갱신됩니다. root font-size 기준은 16px, 필요시 변경하세요.
px
px
자주 쓰는 변환표
| px | rem | em | pt | % |
|---|
사용 방법
1
아무 단위에 입력
px·rem·em·pt·% 어느 칸이든 값을 입력하세요. 다른 칸은 자동으로 변환된 값이 표시됩니다.
2
기준 폰트 크기 설정
root font-size(rem 기준)와 parent font-size(em 기준, % 기준)를 조절할 수 있습니다. 기본값은 둘 다 16px입니다.
3
복사 또는 비교
각 단위 옆 복사 버튼으로 값을 클립보드에 담으세요. 자주 쓰는 변환 표(8/12/14/16/18/20/24px)도 함께 표시됩니다.
자주 묻는 질문
rem과 em 차이는?
rem은 root html 요소의 폰트 크기(보통 16px)를 기준으로, em은 현재 요소의 부모 폰트 크기를 기준으로 계산됩니다. rem은 절대적, em은 상대적으로 동작합니다.
왜 root font-size 기본값이 16px인가요?
대부분 브라우저(Chrome, Safari, Firefox 등)의 기본 html 폰트 크기가 16px입니다. 사용자가 별도 설정을 하지 않은 환경에서는 1rem = 16px이 표준입니다.
%와 em이 같나요?
네, 폰트 크기 기준에서는 100% = 1em입니다. 다만 % 단위는 다른 속성(width, height 등)에서는 부모의 그 속성값 기준이 되어 의미가 달라집니다.
pt는 언제 쓰나요?
pt는 인쇄 단위로 1pt ≈ 1.333px입니다. 웹에서는 잘 안 쓰지만 PDF·인쇄 미리보기 시 유용합니다.
데이터가 서버에 전송되나요?
아닙니다. 모든 변환은 브라우저에서만 이루어지며, 입력값이 외부로 전송되지 않습니다.
