本文へスキップ

HEX・RGB・HSL 色変換

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

入力

結果

左側に入力または貼り付けると、結果がすぐに更新されます。

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

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

形式の参考資料

ツールページの更新日: