6XC

PX ↔ REM ↔ EM ↔ PT 변환기

기준 크기를 설정할 수 있는 양방향 CSS 단위 변환기 — px, rem, em, pt 값이 함께 업데이트됩니다.

조회수 531회

단위들은 어떻게 연결되어 있나요

rem = px ÷ 기준 크기(기본값 16px, 즉 24px = 1.5rem)입니다. em도 같은 방식으로 계산되지만 요소 자신이 상속받은 글꼴 크기 — 이 변환기의 "컨텍스트 크기" 항목 — 를 기준으로 합니다. pt는 인쇄용 단위로 1pt = 1.333px(96dpi ÷ 72)입니다. 어느 항목에 입력하든 나머지 값이 자동으로 따라옵니다.

실용적인 규칙: 글꼴 크기와 여백에는 rem을 사용하면 사용자의 글꼴 크기 설정에 맞춰 전체 레이아웃이 함께 조정됩니다. 컴포넌트 자체의 텍스트를 따라가야 하는 패딩에는 em을, 절대 크기가 변하면 안 되는 요소(1px 경계선 등)에는 px를 사용하세요. 기준을 10px로 바꾸는 예전의 "62.5% 트릭"은 암산은 쉬워지지만, 대부분의 컴포넌트 라이브러리가 16px을 기준으로 삼기 때문에 새 프로젝트에서는 피하는 것이 좋습니다.

자주 묻는 질문

제 em 값이 rem 값과 다른 이유는 무엇인가요?

em은 가장 가까운 곳에서 설정된 글꼴 크기를 기준으로 곱해지며, 중첩될수록 누적됩니다. 1.5em 요소 안에 있는 1.5em은 기준값의 2.25배가 됩니다. rem은 항상 기준값만 참조하기 때문에 이러한 예측 가능성 덕분에 널리 쓰이게 되었습니다.

1pt는 정말 1.333px인가요?

CSS에서는 정의상 그렇습니다: 1in = 96px = 72pt. 인쇄용 PDF와 CSS는 이 비율에 동의하지만, 실제 물리적 크기는 화면의 실제 DPI에 따라 달라집니다.

비슷한 도구

환율 계산기 (ECB 실시간 환율) USD, EUR, GBP, TRY 등 30개 이상의 통화를 유럽중앙은행의 일일 기준 환율로 환산합니다. 무료, 가입 불필요. 계산하기 파운드 - 킬로그램 변환기 파운드를 킬로그램으로, 킬로그램을 파운드로 즉시 변환합니다 — 두 칸 중 아무 곳에나 입력하세요. 1 lb = 0.4536 kg. 변환하기 피트·인치 - 센티미터 변환기 피트와 인치를 센티미터로, 센티미터를 피트·인치로 즉시 변환 — 5'9"는 몇 cm인지 같은 신장 환산도 바로 확인. 변환하기 화씨 섭씨 변환기 화씨(°F)를 섭씨(°C)로, 섭씨를 화씨로 즉시 변환 — 날씨, 오븐, 체온까지 참고 기준점과 함께. 변환하기