如何取得 HTML 元素的十六進位背景顏色？

確定十六進位格式的元素背景顏色

要確定十六進位格式的HTML 元素的背景顏色，請依照下列步驟操作：

JavaScript方法

此範例利用 jQuery擷取背景顏色並將其轉換為十六進位：

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

自訂函數

或者，您可以定義一個自訂函數來擷取和轉換color:

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

注意： 在提供的範例中，點選div 元素會觸發hexc() 函數，該函數將 RGB 顏色轉換為十六進位並將其儲存在 'color' 中變數。

以上是如何取得 HTML 元素的十六進位背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！