jQuery를 사용하여 RGB를 16진수 색상 값으로 어떻게 변환할 수 있나요?

jQuery를 사용하여 RGB를 16진수 색상 값으로 변환

jQuery의 css() 메서드를 사용하면 개발자는 요소의 배경 색상 값을 RGB 문자열로 검색할 수 있습니다. 이는 유용하지만 16진수 색상 값이 선호되는 경우가 있을 수 있습니다.

16진수 값을 얻으려면 다음 스크립트를 고려하십시오.

const rgba2hex = (rgba) => `#${rgba.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+\.{0,1}\d*))?\)$/).slice(1).map((n, i) => (i === 3 ? Math.round(parseFloat(n) * 255) : parseFloat(n)).toString(16).padStart(2, '0').replace('NaN', '')).join('')}`;

이 함수는 RGB와 RGBA를 모두 지원합니다. 색상 형식을 제공하므로 다양한 시나리오에 다용도로 사용할 수 있습니다. 이를 사용하려면 RGB 또는 RGBA 값을 입력으로 제공하기만 하면 됩니다.

const hexValue = rgba2hex('rgb(255, 255, 255)'); // Returns '#FFFFFF'

위 내용은 jQuery를 사용하여 RGB를 16진수 색상 값으로 어떻게 변환할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!