DevToolBox무료

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

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

Value

Settings

Root font-size (px)

Parent font-size (px)

Viewport width (px)

Viewport height (px)

Converted Values

Unit	Value	Copy
rem	1rem
em	1em
vw	0.8333vw
vh	1.4815vh
pt	12pt
%	100%

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

Common Presets

px	rem	em	pt
8px	0.5rem	0.5em	6pt
10px	0.625rem	0.625em	7.5pt
12px	0.75rem	0.75em	9pt
14px	0.875rem	0.875em	10.5pt
16px	1rem	1em	12pt
18px	1.125rem	1.125em	13.5pt
20px	1.25rem	1.25em	15pt
24px	1.5rem	1.5em	18pt
32px	2rem	2em	24pt
48px	3rem	3em	36pt

𝕏 Twitter in LinkedIn

이 도구 평가

4.2 / 5 · 232 개 평가

더 많은 도구

{ }CSS 압축 / 정렬 🎨색상 변환 01진수 변환 📐Flexbox 생성기

Recommended

Tailwind UIBeautiful UI components

최신 소식 받기

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

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

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

Enter a value and select the source unit
Set root font-size (default 16px)
Set viewport dimensions if using vw/vh
See all conversions instantly
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.