2

こいつはちょっと厳しい。特定の div 背景色を変更する Web サイトのデモ用のスタイル スイッチャーを作成しました。すべて正常に動作しますが、その div にはテキストと見出しも含まれているため、訪問者が背景を白に変更すると、見出しとテキストはなくなります。

したがって、そのコンテナの見出しまたはテキストにスイッチを追加する代わりに、id はむしろ背景色の変化を検出し、この方法で内部のテキストに影響を与えます。

Tyny color jQuery プラグインを使用して、見出しと段落の色を 30% 明るく設定し、ほぼ問題なく動作しますが、白または白に近づいたら、暗い色に切り替える必要があります。

jQuery TinyColor と Colorpicker プラグインまたは php を使用して、より暗い/より明るいカラー コードを検出する方法はありますか? 私がphpも要求する理由は、そのデモをphpにも移植したため、どちらでも機能するからです。

http://jsfiddle.net/mwVz6/12/をテストするために、ここに小さなデモをセットアップしました

コードは非常にシンプルで、デモとスイッチャーには http://www.eyecon.ro/colorpicker/のカラー ピッカーを使用しています。

$('#colorSelector').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#container').css('backgroundColor', '#' + hex);
    }
});
4

1 に答える 1

4

これはあなたの役に立ちますか？

https://github.com/joggink/jquery-colorcontrast

http://24ways.org/2010/calculating-color-contrast/

あなたの最善の策は、2 つの特定の色が互いにどれだけ近いかについてデルタ (差) を計算する関数を開発することです。デルタが特定のしきい値を下回っている場合は、テキストの色をこのしきい値まで上げます。課題は、色を暗くするか明るくするかを決定することです。

于 2013-07-22T22:20:10.583 に答える