CSS 単位変換とフルードタイプ

px・rem・em・vh・vw・% を変換。フルードタイポ用 clamp() を生成。HEX・RGB・HSL を変換 — ブラウザ内でライブプレビュー。

プレビュー

素早い茶色の狐が怠け犬を飛び越える。

出力

1rem

🔒 100% ブラウザ内処理。API へ送信しません。

使い方

  1. 1単位変換で種類を選び、必要に応じてルートやビューポートを設定
  2. 2フルードタイプで最小/最大ビューポートとフォントを設定し clamp() をコピー
  3. 3カラーで HEX・RGB・HSL をスウォッチ付きで編集
  4. 4右パネルからコピー — 計算はすべてローカル

プライバシー

計算と色変換はブラウザ内のみ。アップロードやログはありません。

🔒 Processed locally in your browser.