P5.js 日本語リファレンス(saturation) #JavaScript

このページでは「P5.js 日本語リファレンス」の saturation関数を説明します。

saturation()

説明文

指定した色から彩度値を抽出します。

HSBとHSLでは, 彩度のスケーリングが異なります。この関数は、HSBカラーを指定した場合にHSB彩度値を返しますが、それ以外の場合はデフォルトでHSL彩度値を返します。

構文

saturation(color)

パラメタ

color
p5.Color | Number[ ] | String：p5.Colorオブジェクト、カラーコンポーネント、CSSカラー

戻り値

Number：彩度値

例

function draw() {
  colorMode(HSB, 255); // カラーモードをHSBに設定
  let c = color(0, 190, 255);
  fill(c);
  rect(15, 20, 35, 60);
  value = saturation(c); // 彩度値190を取得する
  fill(value);
  rect(50, 20, 35, 60);
}

実行結果

著作権

p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.

ライセンス

Creative Commons(CC BY-NC-SA 4.0) に従います。