AbraCalc

HSVからRGBへのカラー変換

HSV(色相・彩度・明度/輝度)のカラー値を瞬時にRGBへ変換できる無料ツールです。

作成 · レビュー AbraCalc Methodology Review · 2 件の出典

このツールをサイトに埋め込む
このツールを引用する

APA

AbraCalc. (2026). HSVからRGBへのカラー変換 [Online calculator]. Retrieved from https://abracalc.com/ja/hsv-rgb-henkan/

BibTeX

@misc{abracalc-hsv-rgb-henkan, author = {AbraCalc}, title = {HSVからRGBへのカラー変換}, year = {2026}, howpublished = {\url{https://abracalc.com/ja/hsv-rgb-henkan/}} }

このツールは役に立ちましたか？

このツールの使い方

  1. 色相(0–360°)、彩度(0–100%)、明度・輝度(0–100%)を入力してください。
  2. 対応するR、G、Bチャンネル値(0–255)が出力されます。
  3. rgb()文字列をCSSやコードにコピーしてください。

HSV(色相・彩度・輝度)— HSBとも呼ばれる — をRGBに変換します。HSVはほとんどのデザインツールのカラーピッカーで使われるモデルです。

計算式

Given H (0°–360°), S (0–100%), V (0–100%), normalize to h = H/360, s = S/100, v = V/100, then:

i = floor(h × 6), f = h × 6 − i

p = v(1−s), q = v(1−fs), t = v(1−(1−f)s)

Select (R,G,B) by sector i mod 6: 0→(v,t,p), 1→(q,v,p), 2→(p,v,t), 3→(p,q,v), 4→(t,p,v), 5→(v,p,q). Multiply each by 255 and round.

よくある質問

HSVはHSBと同じですか?
はい。HSV(Value)とHSB(Brightness)は同一のもので、名称の違いはアプリケーションごとの慣習にすぎません。
緑の色相は何度ですか?
HSVでは、緑は色相120°、青は240°、赤は0°(または360°)です。

参考文献と出典