P5.js 日本語リファレンス(lightness)

このページでは[「P5.js 日本語リファレンス」] (https://qiita.com/bit0101/items/91818244dc26c767a0fe) の lightness関数を説明します。

lightness()

説明文

指定した色からHSL明度値を取得します。

構文

lightness(color)

パラメタ

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

戻り値

Number：HSL明度値

例

function draw() {
  colorMode(HSL);
  let c = color(156, 100, 50, 1); // 緑色を設定
  fill(c);
  rect(15, 20, 35, 60);
  let value = lightness(c); // HSL明度値50を取得します
  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) に従います。