px를 rem으로 변환 — 루트 크기 기준 | 사용법·입력·결과 해설
픽셀 길이를 사용자가 지정한 루트 글꼴 크기로 나누어 rem 값으로 표현합니다. 웹페이지의 실제 스타일을 읽지 않으므로 디자인 토큰을 옮길 때 기준값을 직접 맞추어야 합니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
숫자는 기기에만 남습니다. 서버로 전송되지 않습니다.
사용 방법과 입력
변환할 px와 루트 글꼴 크기 px를 입력하세요. 부모 요소의 글꼴 크기를 기준으로 하는 em과 달리 rem은 루트 기준이라는 점을 확인하고 프로젝트 설정값을 사용하세요.
결과 해설과 예제
24px를 루트 16px로 나누면 1.5rem입니다. 루트를 20px로 가정하면 같은 24px가 1.2rem이므로 결과와 함께 적용 기준을 기록해 두세요.
입력·결과 예시
24px를 루트 16px로 나누면 1.5rem입니다. 루트를 20px로 가정하면 같은 24px가 1.2rem이므로 결과와 함께 적용 기준을 기록해 두세요.
한계와 주의사항
- 현재 사이트의 계산된 스타일이나 사용자 확대 설정을 조회하지 않습니다.
- 반응형 브레이크포인트와 적정 글꼴 크기를 결정하지 않습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 픽셀 | 허용 범위: -10000–10000 · 입력 간격: 0.01 |
| 루트 글자 크기(px) | 허용 범위: 1–64 · 입력 간격: 0.5 |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
24px는 몇 rem인가요?
24px를 루트 16px로 나누면 1.5rem입니다. 루트를 20px로 가정하면 같은 24px가 1.2rem이므로 결과와 함께 적용 기준을 기록해 두세요.
모든 사이트에서 16px를 쓰면 되나요?
현재 사이트의 계산된 스타일이나 사용자 확대 설정을 조회하지 않습니다. 반응형 브레이크포인트와 적정 글꼴 크기를 결정하지 않습니다.
관련 도구
처음부터 다시 할 필요는 없습니다. 다음 단계에 맞는 도구로 자연스럽게 이어가세요.
화면비 계산기 — 비율·목표 높이 | 사용법·입력·결과 해설
원본 이미지의 가로·세로를 가장 간단한 정수비로 정리하고 목표 너비에 맞는 높이를 계산합니다. 썸네일이나 영상 영역의 치수를 정할 때 원본 비율을 유지할 수 있습니다.
CSS box-shadow 선언 생성기 — 무료
가로·세로 이동, 흐림, 확산과 색을 조합해 box-shadow 선언 하나를 만듭니다. 카드나 버튼의 그림자를 직접 입력해 CSS 파일에 옮기려는 작업에 적합합니다.
길이 단위 변환기 — m·km·cm·mm·in·ft
서로 다른 길이 단위 사이의 값을 국제 고정 환산 계수로 바꿉니다. 도면이나 제품 치수에서 입력 단위와 필요한 단위가 다를 때 두 값을 함께 확인할 수 있습니다.
