php - 動的に設定された背景色に応じてテキスト色の値を変更する

Question

たとえば、カレンダーがあるとします。すべてのエントリの背景色が異なります (ユーザーごとに 1 色)。明るい背景色と暗い背景色があり、ユーザーは自分の好きな色を選択できます。ここで、背景スタイルに合わせてテキストの色を設定したいと思います。どこから、どのように始めますか? 前もって感謝します。

Answer 1

ケースバイケースの解決策を探している場合は、次のようにすることができます。

$("#Calendar .day").each(function() {
    var $this = $(this);

    //If the background color is black - set text color to white.
    if($this.css("background-color") == "#000000") {
        $this.css("color", "#FFFFFF");
    }

    //A bunch more if statements

});

また

簡単にするために、次のコードを使用して補色を見つけることができます。

補色を計算するJS関数?

Answer 2

選択した色のビットごとの反転を試してみてください。

このスニペット (JavaScript) でうまくいくと思います。

var RGB_Value = "ffaacc" //set this var to the hex value the user selected 
var colorNum = parseInt(RGB_Value, 16); // assume radix of 16 (hex) and convert string to number 
var inverseColor = ~colorNum; //bitwise inverse of the number 
var RGB_Inverse = nMyNumber.toString(16); //convert the number into a hex string