RGB → HSV（HSB）変換

HSVはHSB（色相・彩度・輝度）とも呼ばれ、Photoshop、Figma、Procreateなど、ほとんどのカラーピッカーが採用しているモデルです。色相環で色相を選び、四角形の中を動かします。右へ行くほど彩度が高く、上へ行くほど明るくなります。この変換ツールは、RGB、HEX、CMYKをHSVに、またその逆に変換し、OpenCVが使う8ビットの値（色相0〜179、彩度と明度0〜255）も示します。画像処理のコードで色のしきい値を決めるときに便利です。

使い方

1. RGB/HEX → HSV、CMYK → HSV、HSV → RGB/HEXのいずれかを選びます。
2. 色を入力します。HEXコードかrgb()、CMYKの4つのパーセンテージ、または色相・彩度・明度です。
3. HSVの値、OpenCVのスケール値、またはHEX/RGBの結果を確認します。
4. スウォッチで、色が彩度/明度の四角形のどこにあるかを見ます。

計算式

V = max(R′, G′, B′) · S = (max − min) ÷ max · H = 60° × 区間の式（HSLと同じ）

R′、G′、B′は各チャンネル ÷ 255です。HSVから戻すときは、i = ⌊H ÷ 60⌋、fを小数部として、p = V(1 − S)、q = V(1 − S·f)、t = V(1 − S(1 − f)) となり、区間ごとにV、t、p、qの並びが変わります。OpenCVは色相を半分にして1バイトに収め、固定小数点の整数で計算しますが、このページはそれを正確に再現しています。

計算例

#FF6347 は最大値1、最小値0.2784なので、V = 100%、S = (1 − 0.2784) ÷ 1 = 72.2%、H = 9.1°、つまり hsv(9.1, 72.2%, 100%) です。OpenCVではH 5、S 184、V 255になります。戻すと、HSV(210°, 66.7%, 60%) は V = 153、p = 51、q = 102 で、区間 (p, q, V) = rgb(51, 102, 153) = #336699 です。