CSS 단위 변환(px↔rem)
루트 폰트 크기를 기준으로 px·rem·em·%·pt를 한 번에 상호 변환합니다.
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
px, rem, em, %, pt 값을 서로 변환해 주는 CSS 단위 변환기입니다. 값 하나만 넣으면 루트 폰트 크기를 기준으로 나머지 단위 결과가 즉시 계산됩니다.
사용 방법
- 변환할 값을 입력하고 그 값의 단위를 고릅니다.
- 기준(루트) 폰트 크기를 px로 입력합니다(브라우저 기본값은 16px).
- px·rem·em·%·pt 결과가 자동으로 계산되면 필요한 단위를 복사해 사용합니다.
자주 묻는 질문
- rem과 em의 차이는 무엇인가요?
- rem은 항상 루트(html) 요소의 폰트 크기를 기준으로 계산되고, em은 부모 요소의 폰트 크기를 기준으로 합니다. 이 도구는 입력한 기준 폰트 크기를 부모로 가정해 두 단위를 계산합니다.
- pt는 어떻게 변환되나요?
- 웹 표준에 따라 96px = 72pt, 즉 1px = 0.75pt로 변환합니다. 인쇄용 pt 개념을 화면(96dpi) 기준으로 환산한 값입니다.
- 계산 결과가 실제 화면과 다를 수 있나요?
- em·%는 실제로는 각 요소의 부모 폰트 크기에 따라 달라지므로, 여기 결과는 지정한 기준값을 부모로 가정한 참고용 값입니다. 실제 적용 시에는 대상 요소의 상속 관계를 확인하세요.