HTML 요소의 배경색을 16진수로 어떻게 얻을 수 있나요?

16진수로 요소 배경 색상 결정

16진수 형식으로 HTML 요소의 배경 색상을 확인하려면 다음 단계를 따르세요.

자바스크립트 접근법

이 예에서는 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 요소를 클릭하면 RGB 색상을 16진수로 변환하고 'color'에 저장하는 hexc() 함수가 트리거됩니다. 변수입니다.

위 내용은 HTML 요소의 배경색을 16진수로 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!