CSS 단위 변환

이 도구는 무엇인가요?

구성 가능한 기본 폰트 크기로 CSS px, rem, em, pt 값을 변환합니다. 디자인 토큰, 타이포그래피, 반응형 레이아웃에 유용합니다.

이 도구는 px를 기준값으로 삼아 rem, em, pt 사이의 값을 계산합니다. rem과 em은 기준 폰트 크기에 의존하고, pt는 CSS의 96dpi 기준에서 1pt = 1.333px로 환산됩니다.

디자인 토큰, 타이포그래피 스케일, spacing, UI 구현 명세를 CSS 단위로 맞출 때 유용합니다.

사용 방법

1. 변환할 숫자와 단위를 입력합니다.
2. 기준 폰트 크기를 설정합니다.
3. px, rem, em, pt 결과를 비교합니다.
4. 프로젝트의 root font-size와 컴포넌트 상속값을 확인합니다.

예시

관련 도구와 개념

• MDN CSS values and units
• 종횡비 계산기 — 왜곡 없이 리사이즈
• 색상 선택기 — HEX, RGB, HSL
• Unix 타임스탬프 변환 — Epoch ↔ 날짜
• Cron 표현식 파서 — 일정·검증
• 이미지 → Base64 — 데이터 URI