HEXをRGBに変換
HEXカラーコード(#RGB、#RGBA、#RRGGBB、#RRGGBBAA)をrgb()/rgba()、0〜1の小数、GLSL vec4、Unity Colorに変換。コード1つも、複数行のリストも一括で変換できます。
HSLやCMYKなど、ほかの形式も必要ですか? カラー変換 →
#1E90FF のようなHEXカラーは、16進数で書いた3つの数、つまり赤・緑・青を2桁ずつ並べたものです。この変換ツールは、HEXコードをCSS用の rgb()/rgba() や、ゲームエンジンやシェーダーが使う0〜1の小数(8桁コードのアルファ値を含む)に変換します。色1つでも、複数行のリストでも扱えます。
使い方
- HEXコードを入力するか貼り付けます。#は省略でき、3・4・6・8桁のコードに対応しています。
- rgb()、rgba()、各チャンネルの値、小数形式を確認します。
- 小数の桁数を選びます。
- たくさんの色を変換するには、一括入力欄に1行に1コードずつ貼り付けます。
計算式
2桁 XY → X × 16 + Y(A = 10 … F = 15)。小数 = 値 ÷ 255。短いコードは各桁を2回ずつ使います。#F80 = #FF8800。
8桁コードの4つ目の2桁はアルファです。00は透明、FFは不透明、80は約50%です。リニア光の小数はsRGBカーブを元に戻した値で、0.04045より大きければ ((v/255 + 0.055)/1.055)^2.4、以下なら (v/255)/12.92 です。
計算例
#1E90FF:1E = 1×16 + 14 = 30、90 = 9×16 + 0 = 144、FF = 15×16 + 15 = 255 なので rgb(30, 144, 255) です。小数では 0.118、0.565、1.000、24ビットの整数1つで表すと 2,003,199 です。
よくある質問
#FF000080 のような8桁のHEXはどういう意味ですか?
最後の2桁がアルファ(不透明度)です。16進数の80は128で、128 ÷ 255 ≈ 0.502なので、#FF000080は不透明度約50%の赤、つまり rgba(255, 0, 0, 0.502) です。現在のすべてのブラウザが対応しています。
Unityでは正規化した小数とリニアの小数のどちらを使いますか?
UnityのColorコンストラクターが受け取るのは、sRGB値 ÷ 255(正規化した小数)です。リニアカラースペースのプロジェクトではUnityが自動で変換します。生のシェーダーユニフォームなど、コードがリニア光を想定している場所でだけリニアの値を使ってください。
HEXは大文字と小文字を区別しますか?
いいえ。#1e90ff と #1E90FF は同じです。
最終更新:
この入力内容のページアドレス: https://kakao.mobile/ja/tools/hex-to-rgb-tool/
このツールを引用する
kakaoCalc. (2026, November 8). HEXをRGBに変換. https://kakao.mobile/ja/tools/hex-to-rgb-tool/
“HEXをRGBに変換.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/hex-to-rgb-tool/.