HTML 要素の背景色を 16 進数で取得するにはどうすればよいですか?

16 進数での要素の背景色を決定する

HTML 要素の背景色を 16 進数形式で確認するには、次の手順に従います。

JavaScriptアプローチ

この例では、jQuery を利用して背景色を取得し、それを 16 進数に変換します。

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 カラーを 16 進数に変換して「color」に保存します。変数。

以上がHTML 要素の背景色を 16 進数で取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。