無料オンラインHEX→RGB変換
HEXとRGBカラーを即座に相互変換します。
Who uses the HEX→RGB変換?
- デザインツールのカラーサンプルをCSSカラー形式間で変換するウェブ開発者。
- HEX、RGB、HSLのカラーシステムの関係を学ぶ学生。
- スクリーンショットやスタイルガイドから取得した色値を確認するフロントエンドエンジニア。
How the HEX→RGB変換 works
HEXカラーコード（#の有無、3桁または6桁）を入力すると、RGBとHSLの値が自動的に表示されます。
またはR、G、B値（それぞれ0〜255）を入力すると、対応するHEXとHSLが得られます。
入力するとリアルタイムで変換されます。必要であればConvertボタンも使用できます。
無効なHEX入力の場合、誤った結果ではなくエラーメッセージが表示されます。
Tips & tricks
- 色を調整する際はHSLの方が直感的です——Lを上げると明るく、Sを下げると彩度が下がり、RGBを手計算し直す必要がありません。
- 3桁HEXの省略形は、各チャンネルの2桁が一致する場合のみ機能します（#FF5533 → #F53のように）——それ以外は6桁すべてが必要です。
- コピーボタンはありません——結果のHEX/RGB/HSLテキストを手動で選択してコピーしてください。
- このツールはCMYKやアルファ付き8桁HEXには対応していません——それらには専用のデザイン配色ツールを使ってください。
Frequently Asked Questions
HEXをRGBに変換するには？
6桁のHEX値をペアに分割し、それぞれを16進数から10進数に変換します。#FF5733の場合：FF=255（R）、57=87（G）、33=51（B）→ RGB(255, 87, 51)。ツールがこれを即座に行います。
3桁HEXコードと6桁HEXコードの違いは？
3桁のHEX（#RGB）は各桁が繰り返される省略形です：#F53 = #FF5533。各ペアの数字が同一の場合にのみ可能です。両形式とも同じ1670万色を表現します。
HSLとは何で、なぜ便利ですか？
HSL（色相0-360°、彩度0-100%、明度0-100%）はデザインにおいてより直感的です。色を明るくするにはLを上げ、彩度を下げるにはSを下げます。個々のRGB値を調整するよりずっと分かりやすい方法です。
白と黒のRGB値は？
白 = RGB(255, 255, 255) = #FFFFFF。黒 = RGB(0, 0, 0) = #000000。RGBの値がすべて等しい場合はグレーの階調を表します。
このツールは透明度（8桁HEX）に対応していますか？
いいえ——このツールは標準的な3桁と6桁のHEXコードのみを変換します。アルファチャンネル付きの8桁HEX（#RRGGBBAA）は無効と表示されます。変換前に末尾の2文字を削除してください。
Is my data safe when using the HEX→RGB変換?
Completely safe. The HEX→RGB変換 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the HEX→RGB変換 output in commercial projects?
Yes. The HEX→RGB変換 is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the HEX→RGB変換 follow official standards?
Yes. The HEX→RGB変換 is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.