CSS 単位の変換
px · rem · em · pt · % · よく使うサイズ表
CSS 단위 변환
px·rem·em·pt·% 를 서로 바꿉니다. 루트 기준과 부모 기준을 나란히
루트 글자 크기 (html)
부모 글자 크기 (em 기준)
숫자
단위
px24
rem (루트 기준)1.5rem
em (부모 기준)1.5em
pt18pt
부모 대비 %150%
자주 쓰는 크기 — px → rem
10px0.625rem
12px0.75rem
14px0.875rem
16px1rem
18px1.125rem
20px1.25rem
24px1.5rem
28px1.75rem
32px2rem
40px2.5rem
48px3rem
64px4rem
rem 은 루트 기준, em 은 부모 기준입니다 — 같은 숫자라도 크기가 다릅니다.
px、rem、em、pt、パーセントを相互に変換します。ルートの文字サイズと親の文字サイズをそれぞれ指定して、rem と em を並べて見られます。
使い方
- ルートと親の文字サイズを確かめる
- 値と単位を入れる
- 変換の結果を見る
よくある質問
- rem と em の違いは何ですか？
- rem は文書のルートの文字サイズが基準、em は親要素の文字サイズが基準です。同じ 1.5 でも置かれた場所によって違う大きさになります。
- なぜ16で割るのですか？
- たいていのブラウザで既定の文字サイズが 16px だからです。ルートの大きさを変えたなら、その値で割ってください。
- pt はいつ使いますか？
- 印刷側の単位です。ウェブでは 1pt が約 1.333px に換算されます。
ほかの道具
この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。
このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る