CSS単位コンバーター
CSS単位間で変換:px、rem、em、pt、cm、mm、in。
ベースフォントサイズ(px)
一般的なブレークポイント
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
CSS単位コンバーターについて
CSSは要素、フォント、スペーシングのサイズ指定に複数の単位をサポートしています。ピクセル(px)は絶対単位で、remとemはフォントサイズに相対的で、レスポンシブデザインに不可欠です。このツールはすべての一般的なCSS単位間を即座に変換し、正確なrem/em計算のためにベースフォントサイズを調整可能です。
使い方
上部のボタンからソース単位を選択し、数値を入力します。すべての変換結果が即座に表示されます。プロジェクトが異なるルートフォントサイズを使用している場合は、ベースフォントサイズ(デフォルト16px)を調整します。結果の横にあるコピーアイコンをクリックしてコピーできます。
一般的な使用例
- レスポンシブタイポグラフィのためにピクセル値をremに変換
- 印刷単位(pt、cm、mm)を画面単位(px)に変換
- カスタムベースフォントサイズに基づくem値の計算
- 異なる単位システム間で一貫したスペーシング値を生成
- インチやポイントのデザイン仕様をピクセルに変換