색

Color 클래스는 CSS 문자열로 지정된 색상을 구문 분석하고 빨강, 녹색, 파랑 및 알파 채널을 읽기-쓰기 속성으로 노출합니다.

또한 RGB 대신 HSB 및 HSL 색상 모델을 사용하여 색상을 생성하는 fromHsb 및 fromHsl 메서드와 해당 색상 모델을 사용하여 색상 구성 요소를 검색하는 getHsb 및 getHsl 메서드도 제공합니다.

이를 통해 Wijmo의 Color 클래스는 RGB, HSB 또는 HSL 값을 사용하여 매우 구체적인 색을 만듭니다.

보간 색상 (Interpolating colors)

Color 클래스에는 HSL 모델을 사용하여 두 색상 사이를 보간하여 색상을 만드는 보간 방법도 있습니다. 이 방법은 애니메이션 방법으로 색상 애니메이션을 만드는 데 특히 유용합니다. 아래와 같이 interpolate 메서드를 사용하여 두 가지 색을 결합하거나 보간할 수도 있습니다.

Example

import * as wijmo from '@grapecity/wijmo';

const color1 = new wijmo.Color('#c15dc1');
const color2 = new wijmo.Color('#0070c0');

// determines how close the interpolation should be to the second color
const percentage = .5; // value between 0-1

let interpolatedColor = new wijmo.Color.interpolate(color1, color2, percentage);

이 샘플은 애니메이션을 사용하는 보간 동작을 보여 줍니다.

드랍다운에서 색깔을 선택해보시길 바랍니다.