javascript - Web サイトの色をリアルタイムで変更する方法

Question

私はテーマを設計しており、さまざまな要素の色を変更する規定があります。いかなる種類のプレビューもありません。しかし、サイトの特定の要素の色をリアルタイムで変更できるこのデモに出くわしました（左側のパレットを使用）。JSを使用してcssをリアルタイムで変更できることを知っています。しかし、上記のリンクから同様のものをどのように実装できますか?

ありがとう

Answer 1

プラグインを探しているようですね。

たぶん、これはあなたのニーズに合っています。

http://www.eyecon.ro/colorpicker/

それはあなたが相互作用することができる様々なコールバックを提供します。彼らは彼らのサイトにいくつかの例さえ持っています。

$('#colorSelector').ColorPicker({
    onChange: function (hsb, hex, rgb) {
        $('#colorSelector div').css('backgroundColor', '#' + hex);
    }
});

jQueryが必要です。