カラーコード変換

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

hex
#8683D5
hexa
#8683D5FF
rgb
rgb(134, 131, 213)
rgba
rgba(134, 131, 213, 1)
hsla
hsla(242.2, 49.4%, 67.45%, 1)
cmyk
device-cmyk(37.09%, 38.5%, 0%, 16.47%)

🎨 カラーコード入力

R
G
B
A

出力

カラーコード変換とは?

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

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

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

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

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