Home Reference Source 
import NTColor from 'ntcolor/src/NTColor.js'
public class | source

NTColor

色情報を扱うクラス (immutable)

Static Member Summary

Static Public Members
public static get

black
public static get

blue
public static get

cyan
public static get

darkGray
public static get

gray
public static get

green
public static get

lightGray
public static get

magenta
public static get

orange
public static get

pink
public static get

RED: NTColor: *

red
public static get

white
public static get

yellow

Static Method Summary

Static Public Methods
public static

指定した 0...360, 0...255 の色情報からオブジェクトを作成する
public static

指定した 0...360, 0...255 の色情報からオブジェクトを作成する
public static

指定した 0...1 の色情報からオブジェクトを作成する
public static

指定した 0...1 の色情報からオブジェクトを作成する
public static

指定した 0...1 の色情報からオブジェクトを作成する
public static

newColorRGB(color_or_aarrggbb: number | NTColorInputColorRGBA | number[], g_or_is_load_alpha: number | boolean, b: number, a: number): NTColor

指定した 0...255 の色情報からオブジェクトを作成する
Static Private Methods
private static

指定した値を比較する
private static

指定した値を負の値へ整数化する
private static

少数3桁程度の固定小数点文字列を取得する
private static

16進数の文字列化する
private static

指定した値を [0.0,1.0] の範囲にする
private static

_mix(v0: number, v1: number, x: number): number

v0 + (v1 - v0) * x で線形補間する

Constructor Summary

Public Constructor
public

コンストラクタ

Member Summary

Public Members
public get

a: number: *

[0.0,1.0] のアルファ成分
public get

b: number: *

[0.0,1.0] の青成分
public get

g: number: *

[0.0,1.0] の緑成分
public get

ia: number: *

[0,255] のアルファ成分
public get

ib: number: *

[0,255] の青成分
public get

ig: number: *

[0,255] の緑成分
public get

ir: number: *

[0,255] の赤成分
public get

pa: number: *

[0,100] のアルファ成分
public get

pb: number: *

[0,100] の青成分
public get

pg: number: *

[0,100] の緑成分
public get

pr: number: *

[0,100] の赤成分
public get

r: number: *

[0.0,1.0] の赤成分
Private Members
private

透明度成分 [0.0,1.0]
private

青色成分 [0.0,1.0]
private

緑色成分 [0.0,1.0]
private

赤色成分 [0.0,1.0]

Method Summary

Public Methods
public

各色成分に加法混色を行う
public

色をアルファ値で焼きこむ
public

明るい色を取得する
public

オブジェクトを複製する
public

暗い色を取得する
public

オブジェクトを比較する
public

色を表示できる範囲内 [0.0,1.0] に収める
public

各色成分に掛け算を行う
public

指定した透明度の色情報を作成して取得する
public

各色成分に減法混色を行う
public

0xAARRGGBB の値を取得する
public

CSSで使用できる rgb()/rgba() の色情報のテキストを取得する
public

CSSで使用できる16進数の色情報のテキストを取得する
public

CSSで使用できるパーセンテージのrgb/rgbaの色情報のテキストを取得する
public

toHSL(): {h: number, s: number, l: number, a: number}

[0,255] の HSL の値を取得する。ただし色相は [0,359] とする。
public

toHSV(): {h: number, s: number, v: number, a: number}

[0,255] の HSV の値を取得する。ただし色相は [0,359] とする。
public

toNormalizedHSL(): {h: number, s: number, l: number, a: number}

[0.0,1.0] に正規化された HSL の値を取得する
public

toNormalizedHSV(): {h: number, s: number, v: number, a: number}

[0.0,1.0] に正規化された HSV の値を取得する
public

toNormalizedRGB(): {r: number, g: number, b: number, a: number}

[0.0,1.0] に正規化された ARGB の値を取得する
public

toRGB(): {r: number, g: number, b: number, a: number}

[0,255] の ARGB の値を取得する
public

0x00RRGGBB の値を取得する
public

文字列化する
Private Methods
private

_getHSL(): {h: number, s: number, l: number, a: number}

内部のデータを HSLA の値で取得する
private

_getHSV(): {h: number, s: number, v: number, a: number}

内部のデータを HSVA の値で取得する
private

_getRGB(): {r: number, g: number, b: number, a: number}

内部のデータを RGBA の値で取得する
private

内部のデータを HSLA で書き換える
private

内部のデータを HSVA で書き換える
private

内部のデータを RGBA で書き換える

Static Public Members

public static get BLACK: NTColor: * source

black

Return:

NTColor

public static get BLUE: NTColor: * source

blue

Return:

NTColor

public static get CYAN: NTColor: * source

cyan

Return:

NTColor

public static get DARK_GRAY: NTColor: * source

darkGray

Return:

NTColor

public static get GRAY: NTColor: * source

gray

Return:

NTColor

public static get GREEN: NTColor: * source

green

Return:

NTColor

public static get LIGHT_GRAY: NTColor: * source

lightGray

Return:

NTColor

public static get MAGENTA: NTColor: * source

magenta

Return:

NTColor

public static get ORANGE: NTColor: * source

orange

Return:

NTColor

public static get PINK: NTColor: * source

pink

Return:

NTColor

public static get RED: NTColor: * source

red

Return:

NTColor

public static get WHITE: NTColor: * source

white

Return:

NTColor

public static get YELLOW: NTColor: * source

yellow

Return:

NTColor

Static Public Methods

public static newColorHSL(color_or_h: number | NTColorInputColorHSLA | number[], s: number, l: number, a: number): NTColor source

指定した 0...360, 0...255 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_h number | NTColorInputColorHSLA | number[]
s number
l number
a number
  • optional
  • default: 255.0

Return:

NTColor

public static newColorHSV(color_or_h: number | NTColorInputColorHSVA | number[], s: number, v: number, a: number): NTColor source

指定した 0...360, 0...255 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_h number | NTColorInputColorHSVA | number[]
s number
  • optional
v number
  • optional
a number
  • optional
  • default: 255.0

Return:

NTColor

public static newColorNormalizedHSL(color_or_h: number | NTColorInputColorHSLA | number[], s: number, l: number, a: number): NTColor source

指定した 0...1 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_h number | NTColorInputColorHSLA | number[]
s number
  • optional
l number
  • optional
a number
  • optional
  • default: 1.0

Return:

NTColor

public static newColorNormalizedHSV(color_or_h: number | NTColorInputColorHSVA | number[], s: number, v: number, a: number): NTColor source

指定した 0...1 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_h number | NTColorInputColorHSVA | number[]
s number
  • optional
v number
  • optional
a number
  • optional
  • default: 1.0

Return:

NTColor

public static newColorNormalizedRGB(color_or_r: number | NTColorInputColorRGBA | number[], g: number, b: number, a: number): NTColor source

指定した 0...1 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_r number | NTColorInputColorRGBA | number[]
g number
  • optional
b number
  • optional
a number
  • optional
  • default: 1.0

Return:

NTColor

public static newColorRGB(color_or_aarrggbb: number | NTColorInputColorRGBA | number[], g_or_is_load_alpha: number | boolean, b: number, a: number): NTColor source

指定した 0...255 の色情報からオブジェクトを作成する

Params:

NameTypeAttributeDescription
color_or_aarrggbb number | NTColorInputColorRGBA | number[]
g_or_is_load_alpha number | boolean
  • optional
  • default: false
b number
  • optional
a number
  • optional
  • default: 255.0

Return:

NTColor

Static Private Methods

private static _equals(x: number, y: number): boolean source

指定した値を比較する

Params:

NameTypeAttributeDescription
x number
y number

Return:

boolean

private static _flact(x: number): number source

指定した値を負の値へ整数化する

Params:

NameTypeAttributeDescription
x number

Return:

number

private static _ftos(x: number): string source

少数3桁程度の固定小数点文字列を取得する

Params:

NameTypeAttributeDescription
x number

Return:

string

private static _hex(x: number): string source

16進数の文字列化する

Params:

NameTypeAttributeDescription
x number

Return:

string

private static _limit(x: number): number source

指定した値を [0.0,1.0] の範囲にする

Params:

NameTypeAttributeDescription
x number

Return:

number

private static _mix(v0: number, v1: number, x: number): number source

v0 + (v1 - v0) * x で線形補間する

Params:

NameTypeAttributeDescription
v0 number
v1 number
x number

Return:

number

Public Constructors

public constructor() source

コンストラクタ

Public Members

public get a: number: * source

[0.0,1.0] のアルファ成分

Return:

number

public get b: number: * source

[0.0,1.0] の青成分

Return:

number

public get g: number: * source

[0.0,1.0] の緑成分

Return:

number

public get ia: number: * source

[0,255] のアルファ成分

Return:

number

public get ib: number: * source

[0,255] の青成分

Return:

number

public get ig: number: * source

[0,255] の緑成分

Return:

number

public get ir: number: * source

[0,255] の赤成分

Return:

number

public get pa: number: * source

[0,100] のアルファ成分

Return:

number

public get pb: number: * source

[0,100] の青成分

Return:

number

public get pg: number: * source

[0,100] の緑成分

Return:

number

public get pr: number: * source

[0,100] の赤成分

Return:

number

public get r: number: * source

[0.0,1.0] の赤成分

Return:

number

Private Members

private _a: number source

透明度成分 [0.0,1.0]

private _b: number source

青色成分 [0.0,1.0]

private _g: number source

緑色成分 [0.0,1.0]

private _r: number source

赤色成分 [0.0,1.0]

Public Methods

public addColorMixture(x: NTColor): NTColor source

各色成分に加法混色を行う

Params:

NameTypeAttributeDescription
x NTColor

Return:

NTColor

public bake(): NTColor source

色をアルファ値で焼きこむ

Return:

NTColor

public brighter(): NTColor source

明るい色を取得する

Return:

NTColor

public clone(): NTColor source

オブジェクトを複製する

Return:

NTColor

public darker(): NTColor source

暗い色を取得する

Return:

NTColor

public equals(x: NTColor): boolean source

オブジェクトを比較する

Params:

NameTypeAttributeDescription
x NTColor

Return:

boolean

public limit(): NTColor source

色を表示できる範囲内 [0.0,1.0] に収める

Return:

NTColor

public mul(x: NTColor | number): NTColor source

各色成分に掛け算を行う

Params:

NameTypeAttributeDescription
x NTColor | number

Return:

NTColor

public setAlpha(a: number): NTColor source

指定した透明度の色情報を作成して取得する

Params:

NameTypeAttributeDescription
a number

Return:

NTColor

public subColorMixture(x: NTColor): NTColor source

各色成分に減法混色を行う

Params:

NameTypeAttributeDescription
x NTColor

Return:

NTColor

public toAARRGGBB(): number source

0xAARRGGBB の値を取得する

Return:

number

public toCSS255(): string source

CSSで使用できる rgb()/rgba() の色情報のテキストを取得する

Return:

string

public toCSSHex(): string source

CSSで使用できる16進数の色情報のテキストを取得する

Return:

string

public toCSSPercent(): string source

CSSで使用できるパーセンテージのrgb/rgbaの色情報のテキストを取得する

Return:

string

public toHSL(): {h: number, s: number, l: number, a: number} source

[0,255] の HSL の値を取得する。ただし色相は [0,359] とする。

Return:

{h: number, s: number, l: number, a: number}

public toHSV(): {h: number, s: number, v: number, a: number} source

[0,255] の HSV の値を取得する。ただし色相は [0,359] とする。

Return:

{h: number, s: number, v: number, a: number}

public toNormalizedHSL(): {h: number, s: number, l: number, a: number} source

[0.0,1.0] に正規化された HSL の値を取得する

Return:

{h: number, s: number, l: number, a: number}

public toNormalizedHSV(): {h: number, s: number, v: number, a: number} source

[0.0,1.0] に正規化された HSV の値を取得する

Return:

{h: number, s: number, v: number, a: number}

public toNormalizedRGB(): {r: number, g: number, b: number, a: number} source

[0.0,1.0] に正規化された ARGB の値を取得する

Return:

{r: number, g: number, b: number, a: number}

public toRGB(): {r: number, g: number, b: number, a: number} source

[0,255] の ARGB の値を取得する

Return:

{r: number, g: number, b: number, a: number}

public toRRGGBB(): number source

0x00RRGGBB の値を取得する

Return:

number

public toString(): string source

文字列化する

Return:

string

Private Methods

private _getHSL(): {h: number, s: number, l: number, a: number} source

内部のデータを HSLA の値で取得する

Return:

{h: number, s: number, l: number, a: number}

private _getHSV(): {h: number, s: number, v: number, a: number} source

内部のデータを HSVA の値で取得する

Return:

{h: number, s: number, v: number, a: number}

private _getRGB(): {r: number, g: number, b: number, a: number} source

内部のデータを RGBA の値で取得する

Return:

{r: number, g: number, b: number, a: number}

private _setHSL(h: number, s: number, l: number, a: number): NTColor source

内部のデータを HSLA で書き換える

Params:

NameTypeAttributeDescription
h number

[0.0,1.0]
s number

[0.0,1.0]
l number

[0.0,1.0]
a number
  • optional

[0.0,1.0]

Return:

NTColor

private _setHSV(h: number, s: number, v: number, a: number): NTColor source

内部のデータを HSVA で書き換える

Params:

NameTypeAttributeDescription
h number

[0.0,1.0]
s number

[0.0,1.0]
v number

[0.0,1.0]
a number
  • optional

[0.0,1.0]

Return:

NTColor

private _setRGB(r: number, g: number, b: number, a: number): NTColor source

内部のデータを RGBA で書き換える

Params:

NameTypeAttributeDescription
r number

[0.0,1.0]
g number

[0.0,1.0]
b number

[0.0,1.0]
a number
  • optional

[0.0,1.0]

Return:

NTColor