ネットツールボックス

CSS単位変換ツール

CSSの単位（px、rem、em、pt、%）を相互変換します。基準フォントサイズや親要素サイズを設定して正確に変換できます。

px
px
pxピクセル（絶対単位）
16
remルート要素の font-size 基準
1
em親要素の font-size 基準
1
ptポイント（1pt = 1/72インチ）
12
%親要素のサイズに対する割合
100

CSS単位変換ツールの使い方

1. 変換したい値を入力フィールドに入力します。

2. 右のセレクトボックスで入力単位（px、rem、em、pt、%）を選択します。

3. 全単位への変換結果がリアルタイムで表示されます。

rem変換には「基準フォントサイズ」、em・%変換には「親要素サイズ」を設定してください（デフォルトは16px）。

開発作業で使うときの確認ポイント

  • •多くの変換・整形ツールはブラウザ内で処理します。DNS確認やIP確認のように外部通信が必要な機能は、ページ内の説明も確認してください。
  • •整形・変換・生成結果は、言語仕様や実行環境によって解釈が変わる場合があります。本番投入前にテスト環境やCIで検証してください。
  • •JSON、正規表現、HTTPヘッダーなどは小さな差分が不具合につながるため、変更前後を保存して比較する運用がおすすめです。

関連ツール

📋
JSON整形
JSONデータを見やすくフォーマット。構文チェックも同時に行います。
🔄
Base64変換
テキストをBase64にエンコード・デコード。日本語テキストにも対応。
🔗
URLエンコード/デコード
URLの日本語や特殊文字をパーセントエンコーディング形式に変換・復元。
✍️
マークダウンプレビュー
マークダウン記法をリアルタイムでHTMLプレビュー表示。
🏷️
HTMLエスケープ
HTMLの特殊文字をエスケープ・アンエスケープ。XSS対策に。
📊
CSV⇔JSON変換
CSVデータをJSON形式に、JSONをCSV形式に相互変換。
🔍
正規表現テスト
正規表現パターンをリアルタイムでテスト。マッチ結果を即確認。
🔢
進数変換
2進数・8進数・10進数・16進数を相互変換。
⏱️
タイムスタンプ変換
Unixタイムスタンプと日時を相互変換。現在時刻も表示。
🆔
UUID生成
ランダムなUUID（v4）を一括生成。最大100個まで。
🌐
IPアドレス確認
自分のIPアドレス・端末情報・ブラウザ情報を確認。
📑
JSON⇔YAML変換
JSONとYAMLを相互変換。設定ファイルの形式変更に。
「開発ツール」のツールをすべて見る →

🗂️ カテゴリから他のツールを探す

関連ガイド記事

💻

Web開発者向け便利ツール活用ガイド

JSON整形、Base64変換、正規表現テストなど開発ツールの使い方

このツールをシェア