メインコンテンツへスキップ
Color Codes

カラー変換

HEX から RGB への変換ツール(HSL・HSV・OKLCH 対応)

3・4・6・8 桁の HEX カラーコードを RGB、RGBA、HSL、HSV、OKLCH に変換。アルファ透明度にも対応しています。

赤
59
緑
130
青
246

カラー形式

使い方

# 記号の有無にかかわらず HEX コードを貼り付けてください。短縮 HEX、アルファ付き HEX、8 桁 HEX も自動で展開・変換されます。

  1. 1 HEX カラーコードを貼り付けます。
  2. 2 展開された色と透明度を確認します。
  3. 3 デザインやコードに必要な形式をコピーします。

よくある質問

3 桁の HEX とは?

#369 は #336699 の短縮形です。各桁を繰り返すと 6 桁の値になります。

8 桁の HEX とは?

最初の 6 桁が RGB、最後の 2 桁がアルファ(透明度)を表します。

HEX を HSL に変換できますか?

はい。有効な HEX はすべて、同じページで RGB、RGBA、HSL、HSV、OKLCH に変換されます。

# 記号は必要ですか?

いいえ。# の有無にかかわらず貼り付けでき、値は自動的に正規化されます。