Web ToolBox

カラーコード変換

HexカラーコードとRGBA、HSLA、HSVAをリアルタイムに変換します。

プレビュー

#5271E7

#5271E7FF

rgba(82, 113, 231, 1);

hsla(227, 76%, 61%, 1);

hsva(227, 65%, 91%, 1);

🎨 カラーコード入力

HEX

出力

カラーコード変換とは?

16進カラーコードとRGBA / HSLA / HSVAをリアルタイムに相互変換するツールです。変換したいカラーコードを直接入力する他にカラーパレットを使って直感的にカラーコードを生成することが可能です。

カラーコード変換の使い方

「変換するカラーコードを入力」のカラーパレット内のテキストフィールドへ16進カラーコードを入力してください。「変換後のカラーコード」のテキストフィールドへそれぞれ変換されたコード値が出力されます。

カラーパレットのテキストフィールドへ入力する他に、カラーパレットを直接操作して自由にカラーコードを変更することが可能です。また、アルファ値(透明度)も変更することが可能となっています。

カラーコード入力欄の横に付いている【↕】ボタンで入力できるカラーコードを変更できます(HEX → RGBA → HSLA)