色を保存するクラス

Constructors

Properties

a: number

不透明度 0 ~ 1

b: number

青色の含有量 0 ~ COLOR_MAX

g: number

緑色の含有量 0 ~ COLOR_MAX

r: number

赤色の含有量 0 ~ COLOR_MAX

Accessors

  • get random_bright(): Color
  • ランダムで綺麗な色を取得する

    Returns Color

    特定のあまりきれいではない色を排除したランダムな色を取得する

Methods

  • 現在の色に特定の色かスカラーを加算した色を取得する

    Parameters

    • other: number | Color

      加算する色か、数値 ( 数値を指定した場合は r, g, b それぞれに数値を加算する )

    Returns Color

    指定されたかスカラーを加算した色

  • 指定された色に近づけた色を取得する

    Parameters

    • other: Color

      目標とする色

    • num: number

      各色の要素を目標の色に近づける最大値

    Returns Color

    現在の色を目標の色に指定された分だけ近づけた色

  • 現在の色に特定のスカラーを除算した色を取得する

    Parameters

    • other: number

      除算する数値

    Returns Color

    指定された数値を除算した色

  • RGB 値だけが完全に同じかどうかを比較する

    Parameters

    • other: Color

      比較対象の色

    Returns boolean

    RGB 値だけが完全に同じ場合は true

  • 色が完全に同じかどうかを比較する

    Parameters

    • other: Color

      比較対象の色

    Returns boolean

    完全に同じ色の場合は true

  • 複数の色を混ぜ合わせる

    Parameters

    • Rest ...others: number[] | string[] | Color[]

      混ぜ合わせる色を指定する ( 可変長引数 )

    Returns Color

    指定された色を全て混ぜ合わせた色

  • 現在の色に特定のスカラーを乗算した色を取得する

    Parameters

    • other: number

      乗算する数値

    Returns Color

    指定された数値を乗算した色

  • 似た色かどうかを比較する ( 不透明度は考慮しない )

    Parameters

    • other: Color

      比較対象の色

    • tolerance: number = ...

      同じ色とみなす誤差の閾値

    Returns boolean

    似た色なら true

  • 現在の値をとりえる範囲内の値に正規化する

    Returns Color

    r, g, b, a の全ての値を本来とりえる範囲内の値に正規化する

  • 一つの値を色がとりえる範囲内の値に正規化する

    Parameters

    • n: number

      色の要素の値

    Returns number

    0 ~ COLOR_MAX の間で正規化する

  • 0 ~ 255 の数字を 16 進数の文字列に変換する

    Parameters

    • num: number

      0 ~ 255 の整数

    Returns string

    16 進数に変換された 2 文字の文字列

  • 色を指定して初期化する

    Parameters

    • r: string | number | Color

      赤色の含有量 ( "#ffffff" のような文字列や Color インスタンス等を指定して g, b に null を渡しても初期化できる )

    • Optional g: number

      緑色の含有量

    • Optional b: number

      青色の含有量

    • a: number = 1

      不透明度

    Returns Color

    自身のインスタンス

  • HLS 色空間を指定して色を設定する

    Parameters

    • h: number

      色相

    • s: number

      彩度

    • l: number

      輝度

    Returns Color

    自身のインスタンス

  • RGBA 値を指定して色を設定する

    Parameters

    • r: number

      赤色の含有量

    • g: number

      緑色の含有量

    • b: number

      青色の含有量

    • a: null | number

      不透明度

    Returns Color

    自身のインスタンス

  • 一つの値をで r, g, b を設定する

    Parameters

    • scalar: number

      0 ~ COLOR_MAX の値

    Returns Color

    指定された値を r, g, b に代入した自身のインスタンス

  • 色を文字列で初期化する 対応している形式▽ rgb(255, 0, 0) rgba(255, 0, 0, 0.5) rgb(100%, 0%, 0%) rgba(100%, 0%, 0%, 0.5) hsl(120, 50, 50) hsla(120, 50, 50, 0.5) hsl(120, 50%, 50%) hsla(120, 50%, 50%, 0.5) #ff0 #ff0000

    Parameters

    • style: string

      特定の色を表す文字列

    Returns Color

    指定された色で初期化された自身のインスタンス

  • 現在の色に特定の色かスカラーを減算した色を取得する

    Parameters

    • other: number | Color

      減算する色か、数値 ( 数値を指定した場合は r, g, b それぞれの数値から減算する )

    Returns Color

    指定された色かスカラーを減算した色

  • 現在の色を一般的に色を表す文字列に変換する

    Returns string

    16 進数のカラーコードに変換した文字列

  • 現在の色を 16 進数のカラーコードに変換する

    Returns string

    16 進数のカラーコードに変換した文字列

  • 現在の色を rgb(50, 100, 150) 形式の文字列に変換して取得する

    Returns string

    rgb(50, 100, 150) 形式の文字列

  • 現在の色を rgba(50, 100, 150, 0.5) 形式の文字列に変換して取得する

    Returns string

    rgba(50, 100, 150, 0.5) 形式の文字列

  • 指定された時間で指定された色に変化するアニメーションを設定する

    Parameters

    • dest: Color

      目標とする色

    • duration: number

      アニメーションの時間 ( 秒 )

    Returns void

  • 不透明度だけを変更した Color を取得する

    Parameters

    • a: number

      不透明度 ( 0 ~ 1 )

    Returns Color

    不透明度だけを変更した Color インスタンス

  • B だけを変更した Color を取得する

    Parameters

    • b: number

      青色の含有量

    Returns Color

    青色の含有量だけを変更した Color インスタンス

  • G だけを変更した Color を取得する

    Parameters

    • g: number

      緑色の含有量

    Returns Color

    緑色の含有量だけを変更した Color インスタンス

  • R だけを変更した Color を取得する

    Parameters

    • r: number

      赤色の含有量

    Returns Color

    赤色の含有量だけを変更した Color インスタンス