長さの変換

CSS単位変換(px⇔rem⇔em⇔pt⇔%)

CSSで使うpx・rem・em・pt・%を相互変換します。ベースのフォントサイズ(rem基準)も変更可能。

変換する

すべての単位で表示
px
rem
em
pt
%
CSS単位の関係
1rem = ルート要素のfont-size(既定16px)/1em = 親要素のfont-size/1pt = 4/3 px(≒1.333px)/100% = 1em = ベースfont-size

CSS単位変換について

ブラウザの既定font-sizeは16px。1rem=16px、12pt=16px、1em=16px、100%=16px がすべて等しくなります。レスポンシブデザインでは、px固定よりもrem/emで指定するとアクセシビリティが向上します。

よくある質問

1remは何px?
ブラウザの初期値は1rem=16pxです(ユーザーが変更可能)。本ツールでは「ベースfont-size」で指定できます。
emとremの違いは?
rem=ルート(html)のfont-size基準、em=親要素のfont-size基準です。
入力内容は送信されますか?
いいえ。すべてブラウザ内で処理されます。