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

Comment récupérer le code couleur d'arrière-plan d'un élément en hexadécimal

Récupérer le code couleur d'arrière-plan d'un élément HTML au format hexadécimal est essentiel pour le développement Web . Examinons l'extrait de code que vous avez fourni et expliquons comment y parvenir :

L'extrait de code JavaScript que vous avez fourni, console.log($(".div").css("background-color")) ;, est utilisé pour accéder au style de couleur d'arrière-plan calculé d'un élément DOM. Il récupère la valeur de couleur dans un format tel que "rgb(245, 180, 5)" par défaut. Cependant, ce n'est pas au format hexadécimal (#f5b405) que vous désirez.

Pour convertir le format "rgb" en hexadécimal, vous pouvez employer les techniques suivantes :

En utilisant une expression régulière (fournie dans votre exemple)

La fonction JavaScript fournie, hexc(), prend un valeur de couleur au format "RVB" et la convertit en hexadécimal en divisant les valeurs RVB, en les convertissant en hexadécimal et en les joignant avec un préfixe "#".

Utilisation d'un plugin jQuery

Il existe de nombreux plugins jQuery disponibles pour convertir les couleurs de « RVB » en hexadécimal. Par exemple, le plugin jQuery Color fournit la méthode hex() pour obtenir le code couleur hexadécimal.

Voici un exemple développé utilisant un plugin jQuery pour récupérer le code couleur hexadécimal d'un élément DIV :

$(function() {
  $('div').on('click', function() {
    var hexColor = $(this).css('backgroundColor');
    console.log($('div').css('backgroundColor', hexColor));
  });
});

Vous pouvez également installer un outil de sélection de couleurs pour votre navigateur, tel que ColorZilla ou Droplr, qui permet d'accéder facilement à la couleur d'un élément. code dans différents formats, y compris hexadécimal.

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!