ToolzPod

HEX↔RGB変換

HEXカラーコードをRGBに変換、またはRGBをHEXに変換。

Hex to RGB変換ツールとは?

Hex to RGB変換ツールは、16進数カラーコード(#FF5733など)をRGB(赤、緑、青)の10進数値に変換します。CSSはhexとrgb()の両形式をサポートしているため、Web開発に不可欠な変換です。

使い方

  1. 入力エリアに1つ以上のカラー値を1行ずつ入力します。hexコード(例:#FF5733 または FF5733)とRGB値(例:rgb(255, 87, 51) または 255, 87, 51)の両方に対応しています。
  2. 変換」をクリックして変換します。hex入力はRGBに、RGB入力はhexに変換されます(双方向変換対応)。
  3. コピー」ボタンで結果をコピーします。

基礎知識

16進数カラーは6桁で表現されます。最初の2桁は赤(00-FF)、中央の2桁は緑、最後の2桁は青を表します。各ペアは16進数から0-255の10進数値に変換されます。例えば#FF5733はR=255、G=87、B=51に分解されます。省略形(#F00)は各桁を2倍にして展開されます(#FF0000)。

よくある質問

8桁の16進数コードとは?

8桁の16進数コードは透明度のアルファチャンネルを含みます。最後の2桁は00(完全透明)からFF(完全不透明)の不透明度を表し、RGBA値に変換されます。

変換の公式はありますか?

はい。各hexペアを独立して変換します。結果は0から255の範囲です。

CSSではどちらの形式を使うべきですか?

CSSではどちらも有効です。hexはよりコンパクト(#FF5733)、rgb(255, 87, 51)はより読みやすい形式です。透明度が必要な場合はrgba()を使用してください。

関連ツール