Base64エンコード
文字列とBase64を相互変換。
px
CSS単位換算
px / rem / em / pt / % を基準値つきで相互換算。
いずれか1つの欄に入力すると、他の単位へ自動換算します。rem はルートフォント、em は基準フォント、% は参照長さを使います。
px
px
px
換算結果
16px · 1rem · 1em · 12pt · 16%
CSS単位換算について
CSSでは絶対単位（px・pt）と相対単位（rem・em・%）が混在します。デザインカンプのピクセル値を rem に直したり、印刷向けの pt と画面の px を突き合わせたりする場面で、基準値を明示した換算が役立ちます。
toco.toolsのCSS単位換算は、px / rem / em / pt / % を相互に変換します。rem はルートフォントサイズ（既定16px）、em は任意の基準フォント、% は参照長さ（例: 親要素の幅）を使います。CSSの絶対単位は 1in = 96px、1pt = 1/72in の定義に従います。
いずれかの欄に数値を入れると他の単位が更新されます。処理はすべてブラウザ内で完結し、サーバーへ送信されません。
使い方
- ルート / em / % の基準を必要に応じて設定
- いずれかの単位欄に数値を入力
- 換算結果をコピーして利用
よくある質問（FAQ）
rem と em の違いは？
rem はルート（html）のフォントサイズ基準、em は要素自身または親のフォントサイズ基準です。本ツールではそれぞれ別の基準値を設定できます。
1pt は何 px ですか？
CSSでは 1in = 96px、1pt = 1/72in なので、1pt = 96/72 ≈ 1.333px（12pt = 16px）です。
% の参照長さとは？
width の % なら親の幅、font-size の % なら親のフォントサイズなど、文脈によって基準が違います。換算したい文脈の長さを px で入力してください。
入力した数値は外部に送信されますか？
いいえ。すべての処理はブラウザ内で完結し、toco.toolsのサーバーへ送信されません。