ツールを実行
HEXカラーコードをRGB形式の値へと変換するツールです。ウェブ制作やデザイン作業で頻繁に利用される16進数カラー（例: #336699 や #fff）を入力すると、赤（R）・緑（G）・青（B）の各チャンネル数値（0から255）を算出して表示します。先頭のシャープ記号（#）は省略しても自動で補完され、3桁の短縮表記（例: #f00）および標準の6桁表記（例: #ff0000）のどちらにも対応しています。変換結果には、大文字に整えたHEXコード、カンマ区切りやスペース区切りのRGB表記、さらにパーセント表記のRGB値が含まれます。CSSのスタイル指定やUIデザインの調整など、各フォーマットへの素早い書き換えにお役立ていただけます。
使い方
- 入力欄に変換したいHEXカラーコード（例: #00ffcc や 333）を入力します。
- 変換ボタンをクリックします。
- 結果表示エリアに展開されたRGB各チャンネル値や各種表記形式を確認します。
使用例
- 「#3498db」を入力すると、赤 52、緑 152、青 219 の数値と、カンマ区切り表記「rgb(52, 152, 219)」が得られます。
- 「#fff」を入力すると、3桁表記が展開され、赤 255、緑 255、青 255 およびパーセント表記が得られます。
よくある質問
シャープ記号（#）を付けずに入力しても変換できますか？
はい、シャープ記号を付けずに「ff5733」のように入力しても、自動的に補正されて変換されます。
3桁の短縮コード（#abcなど）にも対応していますか？
はい、3桁のHEXコードは各桁が展開され、6桁形式相当として処理されます。
英字の大文字と小文字は区別されますか？
16進数として有効であれば大文字・小文字のどちらでも入力できます。結果には標準化された大文字表記も提示されます。
変換でエラーになるのはどのような場合ですか？
3桁や6桁以外の文字数で入力した場合や、16進数以外の無効な文字が含まれている場合は変換できず、エラーになります。