Changement de la valeur de la couleur du texte en fonction de la couleur de fond qui est définie dynamiquement

Question

disons, j'ai un calendrier - chaque entrée a une couleur de fond différente (une couleur par utilisateur). Il y a de la lumière et aussi des couleurs de fond sombres, pour que l'utilisateur puisse choisir sa couleur préférée. Maintenant, je voudrais définir la couleur du texte qui correspond au style de fond. Où et comment devrais-je commencer? Merci d'avance.

Answer 1

Si vous êtes à la recherche d'un cas par une solution de cas, vous pouvez faire quelque chose comme ceci:

$("#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 

}); 

AUSSI

Pour faciliter les choses, vous pouvez trouver la couleur complémentaire en utilisant ce code :

JS function to calculate complementary colour?

Answer 2

Vous pouvez juste essayer de prendre une inverse de la selec bitwise couleur de ted.

Je pense que cet extrait (en JavaScript) fera l'affaire.

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