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

소개

이 랩에서는 JavaScript 에서 RGB 값을 16 진수 색상 코드로 변환하는 과정을 살펴봅니다. 비트 단위 왼쪽 시프트 연산자 (bitwise left-shift operator) 와 Number.prototype.toString()을 사용하여 주어진 RGB 매개변수를 String.prototype.padStart()를 사용하여 6 자리 16 진수 값으로 변환합니다. 이 랩은 변환 과정을 이해하고 JavaScript 에서 알고리즘을 구현하는 실질적인 경험을 제공하는 데 도움이 될 것입니다.

RGB to Hex 변환기

RGB 값을 16 진수 색상 코드로 변환하려면 다음 단계를 따르세요:

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. 다음 함수를 사용합니다:

const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");

3. RGB 값을 인수로 사용하여 함수를 호출하여 6 자리 16 진수 값을 얻습니다.

예를 들어:

RGBToHex(255, 165, 1); // 'ffa501'

요약

축하합니다! RGB to Hex 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.