Comment puis-je obtenir la couleur d'arrière-plan d'un élément HTML en hexadécimal ?

Détermination de la couleur d'arrière-plan d'un élément en hexadécimal

Pour connaître la couleur d'arrière-plan d'un élément HTML au format hexadécimal, suivez ces étapes :

Approche JavaScript

Cet exemple utilise jQuery pour récupérer la couleur d'arrière-plan et la convertir en hexadécimal :

console.log($(".div").css("background-color"));

Fonction personnalisée

Vous pouvez également définir une fonction personnalisée pour extraire et convertir la couleur :

var color = '';
$('div').click(function() {
  var x = $(this).css('backgroundColor');
  hexc(x);
  console.log(color);
})

function hexc(colorval) {
  var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
  delete(parts[0]);
  for (var i = 1; i <= 3; ++i) {
    parts[i] = parseInt(parts[i]).toString(16);
    if (parts[i].length == 1) parts[i] = '0' + parts[i];
  }
  color = '#' + parts.join('');
}

Remarque : Dans l'exemple fourni, cliquer sur l'élément div déclenche la fonction hexc(), qui convertit la couleur RVB en hexadécimal et la stocke dans la variable 'color'.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!