本文へスキップ
変換ツール

HEX・RGB・HSL 色変換

HEX、RGB、HSL の色コードを相互変換し、色見本を確認。CSS の色指定を三つの形式でコピーできます。

ブラウザ内で変換 · 登録不要

#RGB、#RRGGBB、rgb(0, 128, 255)、hsl(210, 100%, 50%) に対応。透明度と色名は対象外です。

入力は各 100,000 UTF-16 単位、結果は 1,000,000 単位までです。対応形式と例は以下をご確認ください。

結果

内容を入力するかサンプルを読み込み、実行してください。結果がここに表示されます。

使い方

  1. HEX、RGB、HSL の色コードを相互変換し、色見本を確認。CSS の色指定を三つの形式でコピーできます。
  2. 変換方法やオプションを選んで実行します。
  3. 結果を確認し、コピーまたはTXTで保存します。

変換例

#3b82f6 → rgb(59, 130, 246)

仕様と制限

文章はブラウザ内で処理し、変換サーバーには送信しません。

形式の参考資料

ツールページの更新日：