color()

color()

// 使い方
chance.color()
chance.color({format: 'hex'})
chance.color({grayscale: true})
chance.color({casing: 'upper'})

カラーコードをランダムに返します。

chance.color()
=> '#79c157'

formatを指定すると、カラーコードの種類を指定することができます。
指定可能なタイプは、hex、shorthex、rgb、0xです。

これらはHTMLやCSSで使用することができます。

chance.color({format: 'hex'})
=> '#d67118'

chance.color({format: 'shorthex'})
=> '#60f'

chance.color({format: 'rgb'})
=> 'rgb(110,52,164)'

chance.color({format: '0x'})
=> '0x67ae0b'

grayscaleを指定すると、グレースケールカラーのみを返します。

chance.color({grayscale: true})
=> '#e2e2e2'

casingを指定すると、大文字のカラーコードを返します。

chance.color({casing: 'upper'})
=> '#29CFA7'

デモ

ボタンを押すと、カラーコードを16進数表記でランダムに表示します。

JavaScript

var button = document.getElementById('get-result');
button.addEventListener('click', function() {
  var chance = new Chance();
  var color = chance.color({format: 'hex'});
  document.getElementById('result').innerHTML = color
  document.getElementById('result').style.color = color;
}, false);

HTML

<button id="get-result">結果表示</button>
<div>
  <span>結果：</span>
  <span id="result"></span>
</div>