RGB と HSV の対応
同じ 1 色を RGB と HSV の両方で表し、片方を動かすともう片方がどう変わるかを色相環で確かめます。
RGB スライダー（光の三原色・0〜255）
38
153
217
HSV スライダー（色相・彩度・明度）
201°
82%
85%
いまの色
RGB（10 進）
—
HEX（16 進）
—
HSV
—
色相環（角度 = H、中心からの距離 = S）— マーカーをドラッグして H・S を変更できます
明度 V のバーと RGB 成分の内訳
同じ 1 色でも、表し方は 1 つではありません。RGB は赤・緑・青の光をどれだけ混ぜるか（各 0〜255）で色を作る方法で、ディスプレイの仕組みそのものです。
一方 HSV は人の感覚に近く、H（色相）＝色味、S（彩度）＝鮮やかさ、V（明度）＝明るさ の 3 つで表します。
どちらかのスライダーを動かしても同じ 1 色を指し示し、相互変換でもう一方が自動で追従します。色相環上の点と明度バーで、両者のつながりを確かめましょう。
一方 HSV は人の感覚に近く、H（色相）＝色味、S（彩度）＝鮮やかさ、V（明度）＝明るさ の 3 つで表します。
どちらかのスライダーを動かしても同じ 1 色を指し示し、相互変換でもう一方が自動で追従します。色相環上の点と明度バーで、両者のつながりを確かめましょう。
いま何が起きている？
ここがポイント
- RGB と HSV は同じ色の別表現 ── 一方を変えるともう一方も連動して変わる。
- H（色相）は環 ── 0°と360°は同じ赤に戻る。角度で色味が一周する。
- S（彩度）は中心からの距離 ── 中心ほど無彩色（白・灰色・黒、明度 V による）に近づき、外周ほど鮮やか。
- V（明度）は全 RGB の最大値 ──
V = max(R,G,B)/255。V を下げると全体が暗くなる。