📐
CSS
CSS 단위 변환기
px, rem, em, vw, vh, pt, % 단위를 자유롭게 변환하세요. 기준 설정도 직접 조정할 수 있어요.
기준 설정
px
html { font-size: 16px }
px
vw 계산 기준
px
vh 계산 기준
px
em 계산 기준
빠른 설정:
입력
px — 픽셀. 화면의 절대 단위
픽셀(px) 기준값
16 px
모든 단위 변환의 중간 기준값입니다
16px = 16px
전체 단위 변환 결과
px
입력
16px
픽셀. 화면의 절대 단위
rem
1rem
html 요소 font-size 기준 배수
em
1em
부모 요소 font-size 기준 배수
vw
1.1111vw
뷰포트 너비의 1/100
vh
1.7778vh
뷰포트 높이의 1/100
pt
12pt
포인트. 1pt = 1/72인치 ≈ 1.333px
%
100%
부모 font-size 기준 백분율
카드를 클릭하면 값이 복사됩니다
일괄 변환표
| px | rem | em | vw | vh | pt | % |
|---|---|---|---|---|---|---|
| 1px | 0.0625rem | 0.0625em | 0.0694vw | 0.1111vh | 0.75pt | 6.25% |
| 2px | 0.125rem | 0.125em | 0.1389vw | 0.2222vh | 1.5pt | 12.5% |
| 4px | 0.25rem | 0.25em | 0.2778vw | 0.4444vh | 3pt | 25% |
| 8px | 0.5rem | 0.5em | 0.5556vw | 0.8889vh | 6pt | 50% |
| 12px | 0.75rem | 0.75em | 0.8333vw | 1.3333vh | 9pt | 75% |
| 16px | 1rem | 1em | 1.1111vw | 1.7778vh | 12pt | 100% |
| 20px | 1.25rem | 1.25em | 1.3889vw | 2.2222vh | 15pt | 125% |
| 24px | 1.5rem | 1.5em | 1.6667vw | 2.6667vh | 18pt | 150% |
| 32px | 2rem | 2em | 2.2222vw | 3.5556vh | 24pt | 200% |
| 48px | 3rem | 3em | 3.3333vw | 5.3333vh | 36pt | 300% |
| 64px | 4rem | 4em | 4.4444vw | 7.1111vh | 48pt | 400% |
| 96px | 6rem | 6em | 6.6667vw | 10.6667vh | 72pt | 600% |
| 128px | 8rem | 8em | 8.8889vw | 14.2222vh | 96pt | 800% |
| 256px | 16rem | 16em | 17.7778vw | 28.4444vh | 192pt | 1600% |
공유하기
공유하기