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.