カラーコード相互変換ツール

使い方

カラーピッカーから色を選択するか、各カラーモデルの入力欄に値を入力すると、他のカラーモデルの値がリアルタイムで相互変換されます。

CSS での使用が可能なカラーモデル（HEX・RGB・HSL・HWB）については、CSS の指定値をそのままペーストすることができます。

ペースト可能な値の例

以下は、各カラーモデルの入力欄においてペーストが可能な値の例です。# 無しや、( ) 内の数値だけの場合も有効です。ペーストされた文字列は、各成分に分解されて入力欄に反映されます。