P5.js 한국어 참조 (color)

이 페이지에서는 P5.js 한국어 참조 의 color 함수에 대해 설명합니다.

color()

설명문

color 데이터 형식의 변수에 저장할 색을 만듭니다. 매개 변수는 현재 colorMode()에 따라 RGB 또는 HSB 값으로 해석됩니다. 기본 모드는 0에서 255 사이의 RGB 값이므로 함수 호출 color(255, 204, 0)는 밝은 노란색을 반환합니다.

color() 에 제공되는 값이 1 개만의 경우, 그것은 그레이스케일치로서 해석됩니다. 두 번째 값을 추가하면 알파 투명도에 사용됩니다. 세 개의 값이 지정되면 RGB 또는 HSB 값으로 해석됩니다. 네 번째 값을 추가하면 알파 투명도가 적용됩니다.

단일 문자열 인수가 지정되면 RGB, RGBA 및 16 진수 CSS 색상 문자열과 모든 명명 된 색상 문자열이 지원됩니다. 이 경우 두 번째 인수로 알파 값은 지원되지 않습니다. RGBA 형식을 사용해야 합니다.

예

function draw() {
  colorMode(RGB);
  let c = color(255, 204, 0); // RGBで黄色を指定
  fill(c); 
  rect(30, 20, 55, 55); 

  c = color(90); // グレー色を指定
  fill(c);
  ellipse(100, 75, 80, 80);

  c = color('blue'); // 名前付きカラー文字列で blue を指定
  fill(c);
  rect(160, 20, 60, 60);

  c = color('#00ff00'); // 16進数のCSSカラー文字列で緑色を指定
  fill(c);
  rect(200, 60, 45, 80);

  colorMode(HSB, 100); // カラーモードをHSBに設定
  c = color('hsb(0, 80%, 100%)'); // HSBで赤色を指定
  fill(c);
  rect(270, 10, 45, 80);

  c = color('hsba(160, 100%, 90%, 0.5)'); // HSBでアルファ透明度付きの緑色を指定
  fill(c);
  rect(300, 60, 45, 80);
}

실행 결과

저작권

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)를 따릅니다.