1080works 小さな道具箱事業No.0170 / 1080

px・rem・em・ptの換算（CSS）

24pxは何rem？ 基準の文字サイズから、px・rem・em・ptを相互に換算します。

Webデザインの本PR

CSSの単位の使い分けは、Webデザインの本でくわしく学べます。

詳しく見る

このリンクは広告です。リンク先での購入・申込により運営者に報酬が支払われることがあります。 Amazonのアソシエイトとして、1080worksは適格販売により収入を得ています。

使い方

  1. 数と単位（px・rem・em・pt・%）を入れる。
  2. 基準の文字サイズ（ブラウザの初期値はふつう16px）を入れる。
  3. ほかの単位に換算した値と、早見表が出る。

よくある質問

remとemの違いは？

remはページ全体（html要素）の文字サイズが基準、emは親の要素の文字サイズが基準です。remのほうが計算しやすいです。

1remは何px？

ブラウザの初期設定では16pxです。利用者が文字サイズを大きくすると、remの指定も一緒に大きくなります。

ptはWebで使う？

ptは印刷向けの単位です。Webではpxかremを使うのが一般的です。

知っておくと便利

文字を小さくしすぎない（本文は16px以上が読みやすい）。

色のコントラストは事業No.0034で確かめられる。

画像の縦横比は事業No.0169で。

ほかの道具

更新日 2026-11-08。計算はすべてこのページの中で行い、入力した内容をサーバーへ送ることはありません。結果は目安であり、正確性を保証するものではありません。