📐 CSS 단위 변환기
px, rem, em, vw, vh 단위를 실시간으로 변환합니다.
일반 크기 참고표 (root: 16px 기준) — 클릭해서 복사
📖 사용방법 & CSS 단위 설명
- px (픽셀): 절대 단위. 화면 해상도와 무관하게 고정된 크기. 버튼, 테두리 등에 주로 사용.
- rem (root em): HTML 루트 요소의 font-size 기준. 기본값 16px일 때 1rem=16px. 반응형 디자인에 권장.
- em: 부모 요소의 font-size 기준. 중첩 시 주의 필요. 컴포넌트 내부 간격에 유용.
- vw/vh: 뷰포트 너비/높이의 %. 100vw=화면 전체 너비. 반응형 레이아웃에 활용.
- 변환하려는 값의 입력란에 숫자를 입력하면 나머지 단위가 자동으로 계산됩니다. 기준 설정을 바꾸면 즉시 반영됩니다.