>웹 프론트엔드 >JS 튜토리얼 >JS를 사용하여 색상 십진수를 rgba 형식으로 변환하는 방법에 대한 자세한 튜토리얼

JS를 사용하여 색상 십진수를 rgba 형식으로 변환하는 방법에 대한 자세한 튜토리얼

巴扎黑
巴扎黑원래의
2017-09-05 09:39:491858검색

이 글은 주로 색상을 RGBA 형식으로 십진수 변환하는 JS 방법을 소개하며, 색상 수치 변환을 위한 자바스크립트의 관련 작업 기술을 포함합니다. 도움이 필요한 친구들은 이를 참고할 수 있습니다.

이 글의 예는 10- 색상을 구현하기 위한 JS의 숫자 방식입니다. 16진수를 rgba 형식으로 변환하는 방식입니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

(0~256x256x256x256 사이의 색상 값)과 같은 정수를 알고 3가지 기본 색상과 투명도, 즉 알파를 얻으려는 경우 빨간색, 녹색, 파란색, 다음 방법을 사용할 수 있습니다.

방법 1:


function getColor(number) {
  let color = number;
  const blue = parseInt(color % 0x100, 10);
  color = color >>> 8;
  const green = parseInt(color % 0x100, 10);
  color = color >>> 8;
  const red = parseInt(color % 0x100, 10);
  const alpha = (parseInt(color >>> 8, 10) / 0xFF).toFixed(1);
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
}

방법 2:


function getColor(number) {
  const alpha = number >> 24 & 0xff;
  const red = number >> 16 & 0xff;
  const green = number >> 8 & 0xff;
  const blue = number & 0xff;
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
}

위 내용은 JS를 사용하여 색상 십진수를 rgba 형식으로 변환하는 방법에 대한 자세한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.