16진수로 HTML 요소의 배경색을 얻는 방법은 무엇입니까?

16진수로 요소 배경 색상 코드를 검색하는 방법

16진수 형식으로 HTML 요소의 배경 색상 코드를 검색하는 것은 웹 개발에 필수적입니다. . 귀하가 제공한 코드 조각을 자세히 살펴보고 이를 달성하는 방법을 확장해 보겠습니다.

제공한 JavaScript 코드 조각, console.log($(".div").css("Background-color")) ;은 DOM 요소의 계산된 배경색 스타일에 액세스하는 데 사용됩니다. 기본적으로 "rgb(245, 180, 5)"와 같은 형식으로 색상 값을 검색합니다. 그러나 원하는 16진수 형식(#f5b405)이 아닙니다.

"rgb" 형식을 16진수로 변환하려면 다음 기술을 사용할 수 있습니다.

사용 정규 표현식(예제에 제공됨)

제공된 JavaScript 함수, hexc()는 "rgb" 형식의 색상 값을 가져와서 RGB 값을 분할하고 이를 16진수로 변환한 후 "#" 접두사로 결합하여 이를 16진수로 변환합니다.

사용 jQuery 플러그인

"rgb"에서 "rgb"로 색상을 변환하는 데 사용할 수 있는 수많은 jQuery 플러그인이 있습니다. 16진수. 예를 들어, jQuery Color 플러그인은 hex() 메소드를 제공하여 16진수 색상 코드를 가져옵니다.

다음은 jQuery 플러그인을 사용하여 DIV 요소의 16진수 색상 코드를 검색하는 확장된 예입니다.

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

또는 ColorZilla 또는 Droplr와 같은 브라우저용 색상 선택 도구를 설치할 수 있습니다. 16진수를 포함한 다양한 형식의 요소 색상 코드.

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