Color Models

HSV / HSB

色相・彩度・明度（バリュー）で色を記述する円筒形カラーモデルで、カラーピッカーで広く使用される。

HSV (also called HSB for Hue-Saturation-Brightness) differs from HSL primarily in how it handles the lightness dimension. In HSV, value of 100% represents the brightest version of the hue (not white), and reducing value darkens the color toward black. This makes HSV more intuitive for selecting colors the way a painter would, starting with a vivid color and adjusting its brightness. HSV is the default model in most graphic design software color pickers (Photoshop, Figma, Sketch) because it maps naturally to how people think about mixing paint with black.

試してみる

カラーコンバーター

HEX、RGB、HSL、HSV、CMYK、OKLCHのカラーフォーマット間を即座に変換します。

関連記事

HSL vs HSV: どちらの色モデルを使うべきか？

HSLとHSV色モデルの違いを理解し、ウェブ開発やカラーピッカーで各モデルがいつ適切なのか、CSS色関数との比較を学びます。