📐 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=화면 전체 너비. 반응형 레이아웃에 활용.
- 변환하려는 값의 입력란에 숫자를 입력하면 나머지 단위가 자동으로 계산됩니다. 기준 설정을 바꾸면 즉시 반영됩니다.
📐 CSS 단위 변환기 사용 가이드
CSS 단위를 변환합니다. px↔rem↔em↔vw↔vh 실시간 변환. 기준 font-size와 viewport 크기 설정 가능. 개발자를 위한 무료 도구.
권장 사용 순서
- 운영 데이터 대신 짧은 샘플을 먼저 입력해 형식과 옵션을 확인한 뒤 실제 작업에 적용하세요.
결과 확인 방법
px·rem·em·vw·vh 변환은 기준 글자 크기와 화면 크기에 따라 달라집니다. 선택한 기준값을 실제 페이지 환경과 맞추세요.
처리 범위와 제한사항
이 계산은 브라우저 레이아웃 측정이 아닙니다. 중첩 em·확대율·가변 뷰포트 등은 실제 화면에서 확인해야 합니다.
기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31