개발툴모아DevTools
🎨CSS 생성기
  • 그라데이션
  • Box Shadow
  • Text Shadow
  • Border Radius
  • Glassmorphism
📐레이아웃
  • Flexbox
  • Grid
🌈색상 도구
  • 색상 변환
  • 팔레트 생성
  • 대비 체커
🖼️이미지 도구
  • 이미지 자르기
  • 이미지 리사이즈
  • 이미지 압축
  • 포맷 변환
  • 회전/뒤집기
  • 배경 투명화
  • 파비콘 생성
📄PDF 도구
  • 이미지 → PDF
  • PDF → 이미지
  • PDF 합치기
  • PDF 분할
  • PDF 압축
  • PDF 회전
  • PDF 워터마크
  • PDF 페이지 추출
  • PDF 정보 편집
💻코드 도구
  • Markdown
  • HTML 미리보기
  • 코드 압축
  • 코드 정리
🗄️데이터 변환
  • CSV ↔ JSON
  • XML ↔ JSON
  • SQL 포매터
🔍SEO 도구
  • 메타 태그 생성
  • 슬러그 생성
🔤인코딩/디코딩
  • Base64
  • URL Encode
  • HTML Entities
📋JSON 도구
  • JSON 포매터
  • JSON ↔ YAML
🔐암호화/해시
  • 해시 생성
  • UUID 생성
  • 비밀번호 생성
  • JWT 디코더
  • AES 암복호화
  • RSA 암복호화
  • 파일 암복호화
🕐날짜/시간
  • Unix Timestamp
  • Cron 생성기
📝텍스트 도구
  • 글자수 카운터
  • 대소문자 변환
  • Text Diff
  • 텍스트 유틸
🔣정규식
  • Regex Tester
⚙️생성기
  • QR 코드
🌐네트워크
  • URL 파서
  • 내 IP 확인
  • 서브넷 계산기
🧮계산기
  • 비율 계산기
  • 퍼센트 계산기
📊단위 변환
  • 진법 변환
  • CSS 단위
  • 바이트 변환
📚레퍼런스
  • HTTP Status
  • 이모지 검색
  • 키코드 확인
개발툴모아

CSS 단위 변환기

px, rem, em 등 CSS 단위를 변환합니다

변환 결과

미리보기

16
16px
Aafont-size

팁

  • rem: 루트 요소(html) 기준. 반응형에 적합
  • em: 부모 요소 기준. 컴포넌트 스케일링에 유용
  • vw/vh: 뷰포트 기준. 전체 화면 레이아웃에 적합
광고

CSS 단위, 이렇게 쓰세요

px·rem·em·%·vw·vh·pt 를 기준 폰트 크기와 뷰포트 폭에 맞춰 상호 변환합니다.

디자인 시안의 px 값을 rem 기반 CSS 로 옮기거나, 뷰포트 단위가 실제 몇 px 인지 확인할 때 씁니다.

rem 은 html 루트 크기(기본 16px), em 은 부모 요소 크기 기준입니다. 예: 24px = 1.5rem (16px 기준). 사용자가 기본 글꼴 크기를 바꾸면 rem 값이 달라집니다.

연봉·퇴직금·대출이자 같은 생활 계산은 계산기모아 →

같은 카테고리 도구

진법 변환2·8·10·16진수 변환바이트 변환KB·MB·GB·GiB 변환JSON 포매터정렬·압축·오류 위치 표시Regex Tester정규식 매치 실시간 확인