カラーコード変換

このツールの使い方

カラーピッカーで色を選ぶか、各形式の欄にカラーコードを直接入力するだけで、HEX・RGB・HSL・HSVの4形式へリアルタイムに相互変換されます。透明度（アルファ値）のスライダーを動かせば、RGBA・HSLA・8桁HEXにも対応します。各形式のコピーボタンを押すと、CSSにそのまま貼り付けられるコードがクリップボードにコピーされます。すべてブラウザ内で処理されるため、入力した内容が外部に送信されることはありません。

各カラー形式について

• HEX：#RRGGBB 形式の16進数表記。Webで最も一般的です。透明度つきは #RRGGBBAA の8桁になります。
• RGB / RGBA：赤・緑・青を0〜255で表す形式。RGBAは末尾に0〜1の透明度を加えます。
• HSL / HSLA：色相（0〜360°）・彩度・輝度で表す形式。色の調整が直感的に行えます。
• HSV：色相・彩度・明度で表す形式。デザインツールでよく使われます。

よくある質問

どの形式に対応していますか？

HEX（#RRGGBB）・RGB・RGBA・HSL・HSLAに対応しています。

カラーピッカーで選んだ色をそのままコードでコピーできますか？

はい。各形式のコードをワンクリックでクリップボードにコピーできます。

関連ツール

URLやテキストのQRコード化はQRコード生成、安全なパスワード作成はパスワード生成をご利用ください。その他のツールはツール一覧からどうぞ。

提供：株式会社システムスタイル