CSS 단위 변환기
CSS 단위로 값을 입력하면 나머지 모든 단위로 즉시 변환합니다. rem 계산용 루트 폰트(기본 16 px), em·% 계산용 부모 폰트, vw·vh 계산용 뷰포트 폭/높이를 자유롭게 조정 가능. 디자인 값을 Tailwind / CSS로 옮길 때, 반응형 폰트 크기 점검, 기본 16 px이 아닐 때 1rem이 몇 px인지 확인할 때 유용합니다.
—
기본 크기 (루트·부모·뷰포트)
모든 단위
- px16.000
- rem1
- em1
- pt12.000
- vw1.1111
- vh1.7778
- %100.00
사용법
- 값과 단위(px·rem·em·pt·vw·vh·%)를 입력하세요.
- 나머지 단위가 실시간으로 갱신됩니다.
- '기본 크기' 패널을 펼쳐 루트/부모 폰트나 뷰포트를 바꿀 수 있습니다.
- 단위 옆 복사 버튼으로 값을 복사하세요.
자주 묻는 질문
- rem과 em의 차이는?
- rem은 문서 루트(html font-size, 기본 16 px) 기준, em은 부모 요소 기준입니다. 부모가 루트와 같은 크기를 쓰는 경우에만 둘이 같아집니다.
- 왜 1pt = 1.333px?
- CSS 정의: 1 in = 96 px, 1 pt = 1/72 in → 1 pt = 96/72 ≈ 1.333 px.
- vw / vh는 정확한가요?
- 기본 크기 패널의 뷰포트 폭·높이를 사용합니다. 기본값 1440×900은 일반 데스크탑 기준이라 디자인 캔버스에 맞게 바꾸세요.
- %는?
- 폰트 크기 맥락에선 부모 폰트 크기 기준(em과 동일). 다른 CSS 속성에선 해당 속성의 containing block 기준으로 달라집니다.
관련 도구
CSS clamp() 계산기 (유체 타이포그래피)
두 뷰포트 너비 사이를 부드럽게 스케일하는 `font-size: clamp(...)` 생성 — 한 줄 복사.
색상 0 0
단위 변환기
길이·무게·온도·면적·부피·속도·시간을 변환하세요.
변환 0 0
밀도 변환기
밀도를 kg/m³·g/cm³·g/mL·kg/L와 lb/ft³·lb/in³·lb/gal·oz/in³·oz/gal·slug/ft³ 사이에서 한 번에 변환합니다.
변환 0 0
유량 변환기
부피 유량을 m³/s·m³/h·L/s·L/min·L/h·mL/min·ft³/s·CFM·GPM·GPH·영국 갤런/분·bbl/일 사이에서 한 번에 변환합니다.
변환 0 0
각도 단위 변환기 (도·라디안·그라디안·DMS)
도·라디안·그라디안·턴·밀리라디안·각분·각초·DMS 사이를 한 번에 변환 ─ SVG 미리보기와 π 분수 자동 인식 포함.
변환 0 0
바이트 크기 변환 (KB / KiB / MB / MiB / ...)
십진(KB·MB·GB — SI 기수 1000)과 이진(KiB·MiB·GiB — IEC 기수 1024) 바이트 단위 + 비트 변환.
변환 0 0