DevToolBox무료
블로그

CSS 단위 변환기 — px/rem/em/vw/vh/pt/%

CSS 단위를 px, rem, em, vw, vh, pt, % 간에 변환합니다.

Settings

Converted Values

UnitValueCopy
rem1rem
em1em
vw0.8333vw
vh1.4815vh
pt12pt
%100%

Click any row to use that value as the new input.

Common Presets

pxremempt
8px0.5rem0.5em6pt
10px0.625rem0.625em7.5pt
12px0.75rem0.75em9pt
14px0.875rem0.875em10.5pt
16px1rem1em12pt
18px1.125rem1.125em13.5pt
20px1.25rem1.25em15pt
24px1.5rem1.5em18pt
32px2rem2em24pt
48px3rem3em36pt
𝕏 Twitterin LinkedIn

이 도구 평가

4.2 / 5 · 232 개 평가

최신 소식 받기

주간 개발 팁과 새 도구 알림을 받으세요.

스팸 없음. 언제든 구독 해지 가능.

Enjoy these free tools?

Buy Me a Coffee

How to Use

  1. Enter a value and select the source unit
  2. Set root font-size (default 16px)
  3. Set viewport dimensions if using vw/vh
  4. See all conversions instantly
  5. Copy any converted value

Use Cases

  • Converting px designs to rem
  • Responsive design calculations
  • Understanding relative units
  • Design system unit standardization

FAQ

Why does root font-size matter for rem?
1rem equals the root font-size (usually 16px). Changing it affects all rem conversions.
What viewport size is used for vw/vh?
Default is 1920x1080. You can change it to match your target viewport.