tint()

색상을 사용하여 이미지에 틴트(색조, tint)를 적용합니다.

한 개의 매개변수를 사용하는 tint()는 네 가지 방식으로 해석됩니다. 매개변수가 숫자인 경우, 그레이스케일 값으로 해석됩니다. 매개변수가 문자열인 경우, CSS 색상 문자열로 해석됩니다. [R, G, B, A] 값의 배열이나 p5.Color 객체를 사용하여 틴트 색상을 설정할 수도 있습니다.

두 개의 매개변수를 사용하는 tint()는 첫 번째 매개변수를 그레이스케일 값으로, 두 번째 매개변수를 알파 값으로 사용합니다. 예를 들어, tint(255, 128)를 입력하면 이미지를 50% 투명하게 만듭니다.

세 개의 매개변수를 사용하는 tint()는 현재 colorMode()에 따라 RGB 또는 HSB 값으로 해석됩니다. 선택적인 네 번째 매개변수는 알파 값을 설정합니다. 예를 들어, tint(255, 0, 0, 100)은 이미지에 빨간색 틴트를 적용하고 투명하게 만듭니다.

예제

구문

tint(v1, v2, v3, [alpha])
tint(value)
tint(gray, [alpha])
tint(values)
tint(color)

매개변수

v1
Number:

빨강 또는 색조 값.

v2
Number:

초록 또는 채도 값.

v3
Number:

파랑 또는 밝기 값.

alpha
Number:
value
String:

CSS 색상 문자열.

gray
Number:

그레이스케일 값.

values
Number[]:

색상의 빨강, 초록, 파랑, 알파 값이 있는 배열.

color
p5.Color:

틴트 색상

Notice any errors or typos? Please let us know. Please feel free to edit src/image/loading_displaying.js and open a pull request!

관련 레퍼런스