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