JavaScript에서 RGB를 16진수 색상 값으로 변환하는 방법은 무엇입니까?

JavaScript에서 RGB를 16진수 색상 값으로 변환

jQuery 함수 $('#selector').css('BackgroundColor')는 다음을 제공합니다. 요소 배경색의 RGB 값. 대신 16진수 값을 구해야 하는 경우 포괄적인 솔루션은 다음과 같습니다.

한 줄 기능(2021년 업데이트):

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 값.

크로스 브라우저 원라이너(ES5 ):

const rgb2hex = (rgb) => `#${rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(n => parseInt(n, 10).toString(16).padStart(2, '0')).join('')}`

이 대체 기능은 RGB 값에만 작동합니다.

사용 예:

console.log(rgb2hex('rgb(255, 255, 255)')); // '#ffffff'
console.log(rgb2hex('rgb(0, 0, 0)')); // '#000000'

위 내용은 JavaScript에서 RGB를 16진수 색상 값으로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!