Wie kann ich die Hintergrundfarbe eines HTML-Elements im Hexadezimalformat abrufen?

Bestimmen der Hintergrundfarbe eines Elements im Hexadezimalformat

Um die Hintergrundfarbe eines HTML-Elements im Hexadezimalformat zu ermitteln, gehen Sie folgendermaßen vor:

JavaScript-Ansatz

Dieses Beispiel verwendet jQuery, um Rufen Sie die Hintergrundfarbe ab und konvertieren Sie sie in Hex:

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

Benutzerdefinierte Funktion

Alternativ können Sie eine benutzerdefinierte Funktion zum Extrahieren und Konvertieren der Farbe definieren:

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('');
}

Hinweis: Im bereitgestellten Beispiel löst das Klicken auf das div-Element die Funktion hexc() aus, die Wandelt die RGB-Farbe in Hexadezimal um und speichert sie in der Variablen „Farbe“.

Das obige ist der detaillierte Inhalt vonWie kann ich die Hintergrundfarbe eines HTML-Elements im Hexadezimalformat abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!