カラーコード変換ツール

HEX・RGB・HSL を相互変換します。

すべての色形式を1つのツールで

デザイナーや開発者はHEX、RGB、HSLを常に行き来します。この変換ツールは3つを連動させ、1つを変えると他も更新され、色のライブプレビューも表示します。

スタイルガイドの作成、コントラストの調整、ブランドカラーの相当値の検索に最適です。

HEX、RGB、HSLの違いは？

HEX（#RRGGBB）とRGBは、赤・緑・青の成分で色を表します。HSLは色相・彩度・明度で表し、色味の調整に直感的です。3つとも同じ色を表現します。

HEXコードをRGBに変換するには？

HEXコードの2文字ごとが0〜255の16進数です。例：#6366F1 → rgb(99, 102, 241)。ツールが双方向で自動変換します。

色を視覚的に選べますか？

はい。内蔵のカラーピッカーで3つの形式が即座に更新され、プレビューがリアルタイムに選択を反映します。

コードはCSSに対応していますか？

はい。出力形式（#hex、rgb()、hsl()）は、スタイルシートやデザインツールにそのまま貼り付けられます。