HEX → RGB カラー変換ツール
このツールとは HEX → RGB カラー変換ツール
このツールはHEXカラーコード（例：#3B82F6）をRGB値（例：rgb(59, 130, 246)）に変換します。HEX形式はHTMLやCSSで広く使われており、RGBはJavaScriptのCanvas APIやデザインツール、画像編集ソフトでよく利用されます。変換結果にはHSL値も同時に表示されるため、3種類の形式を一度に確認できます。
使い方
- HEXフィールドにカラーコードを入力または貼り付けます（#あり・なしどちらでも可）。
- RGB値とHSL値がリアルタイムで自動更新されます。
- 各フォーマット横のコピーボタンでクリップボードにコピーできます。
- 上部のリンクから他のカラー変換モードに切り替えられます。
こんなときに便利
Figmaで受け取ったブランドカラー（#E63946）を、CSSで透明度をつけるためにRGBへ変換したいときに便利です。HEXコードを貼り付けるだけでrgb(230, 57, 70)がすぐに手に入り、そのままrgba(230, 57, 70, 0.8)としてスタイルに使えます。
よくある質問
#000000はRGBでどう表されますか？
黒（#000000）はrgb(0, 0, 0)です。赤・緑・青の全チャンネルが0の状態を表しています。
#F00のような3桁のHEXコードも変換できますか？
はい。3桁（#RGB）と6桁（#RRGGBB）の両形式に対応しています。#F00は#FF0000に展開され、rgb(255, 0, 0)となります。
HEXとRGBの違いは何ですか？
同じ色を異なる形式で表現しています。HEXは0〜9とA〜Fからなる6桁の16進数文字列、RGBは0〜255の10進数3つで色を表します。#FF0000とrgb(255, 0, 0)はどちらも純粋な赤色です。