カラーツール

RGB HEX 変換ツール

RGB(赤・緑・青)の数値を16進数カラーコード(HEX)に変換するオンラインツールです。小文字や大文字のHEXコード、各種RGB表記を生成します。

ツールを実行

RGB HEX 変換ツールは、赤(R)・緑(G)・青(B)の各色成分の数値を16進数のカラーコード(HEX)に変換するツールです。Web制作やデザインで使われるカラーコードの相互確認に役立ちます。各チャンネルは0~255の整数で入力します。範囲外の数値は自動的に0~255に収められます。変換結果には「#」で始まる小文字の16進数コードに加え、大文字表記、カンマ区切りおよびスペース区切りのRGBテキスト形式もあわせて表示されます。数値を省略した場合は、初期値としてRが255、Gが0、Bが0として計算されます。無効な値や型が入力されて整数に変換できない場合は、カラーコードの代わりにエラー案内が表示されます。

使い方

  1. R(赤)、G(緑)、B(青)の各入力欄に0から255までの数値を指定します。
  2. 指定を省略した場合は、Rが255、GとBが0の初期値が適用されます。
  3. 変換ボタンを押して処理を開始します。
  4. 結果表示欄に生成された16進数コード(小文字・大文字)やRGB形式のテキストを確認できます。

使用例

  • Rに255、Gに255、Bに255を入力すると、小文字の16進数コード「#ffffff」と大文字の「#FFFFFF」が得られます。
  • Rに0、Gに128、Bに255を入力すると、小文字の16進数コード「#0080ff」が出力されます。

よくある質問

各色チャンネルの入力範囲はどこまでですか?

各チャンネルは0から255の整数値に対応しており、範囲外の数値は0〜255の範囲内に収められて処理されます。

入力を省略した場合はどうなりますか?

Rが255、Gが0、Bが0として処理され、純粋な赤色(#ff0000)に変換されます。

どのような出力形式が確認できますか?

「#」付きの小文字HEXコード、大文字HEXコード、カンマ区切りRGB(例: 255, 0, 0)、スペース区切りRGB(例: 255 0 0)の形式が表示されます。

数値以外の文字を入力した場合はどうなりますか?

数値以外の文字が入力された場合は、カラーコードではなくエラー案内が表示されます。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。