このページでは[「P5.js 日本語リファレンス」] (https://qiita.com/bit0101/items/91818244dc26c767a0fe) の 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) に従います。