rgb.darker - RGB値を暗くする

投稿日: / 更新日:

d3.jsのrgb.darker()は、RGB値を暗くするためのメソッドです。引数をkとした場合に0.7 ^ kの計算が適用されます。

サンプルコード

// RGB値のインスタンスを作成
var rgb = d3.rgb( 211, 96, 21 ) ;

// RGB値を暗くして取得
var darkColor = rgb.darker() ;

// RGB値を暗くして取得 (効果はいつもの半分だけでいい)
var darkColor = rgb.darker( 0.5 ) ;

// RGBの各値を取得
var R = darkColor.r ;
var G = darkColor.g ;
var B = darkColor.b ;

// 直接スタイルに指定しても可
d3.select( "#target" ).style( "background", darkColor ) ;

デモ

rgb( 211, 96, 21 )を指定したインスタンスを作成してあります。ボタンを押すとdarker()を実行します。もう1つのボタンは引数に0.2(初期値は1)を指定して、弱めに暗くします。

構文

darkColor = rgb.darker( k )

引数

項目説明
k引数をkとした場合に0.7 ^ kの計算が、RGB値の各数値にかけられる。引数を指定しない場合の初期値は1。

戻り値

項目説明
darkColorRGB値を含んだオブジェクトリテラル({ r:n, g:n, b:n })が戻り値となる。