JavaScript 기초 | RGB to HSB 변환

소개

이 랩에서는 JavaScript 프로그래밍 언어의 기본 사항을 탐구합니다. 이 랩은 참가자들이 변수, 데이터 타입, 제어 구조, 함수 등을 포함한 JavaScript 의 기본 사항에 대한 탄탄한 이해를 얻도록 설계되었습니다. 일련의 실습과 예제를 통해 참가자들은 JavaScript 로 코드를 작성하고 간단한 프로그램을 구축하는 방법을 배우게 됩니다. 이 랩은 프로그래밍 경험이 거의 또는 전혀 없는 초보자에게 적합합니다.

RGB to HSB 변환

RGB 색상 튜플을 HSB 형식으로 변환하려면 다음 단계를 따르세요.

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
RGB to HSB 변환 공식을 사용하여 RGB 색상 튜플을 적절한 HSB 형식으로 변환합니다.
입력 매개변수 범위는 [0, 255]이며, 결과 값의 범위는 다음과 같습니다.

H: [0, 360]
S: [0, 100]
B: [0, 100]

다음은 JavaScript 의 함수입니다.

const RGBToHSB = (r, g, b) => {
  r /= 255;
  g /= 255;
  b /= 255;
  const v = Math.max(r, g, b),
    n = v - Math.min(r, g, b);
  const h =
    n === 0
      ? 0
      : n && v === r
        ? (g - b) / n
        : v === g
          ? 2 + (b - r) / n
          : 4 + (r - g) / n;
  return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
};

다음과 같이 함수를 호출할 수 있습니다.

RGBToHSB(252, 111, 48);
// [18.529411764705856, 80.95238095238095, 98.82352941176471]

요약

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

실습으로 배우는 JavaScript 기초

소개

RGB to HSB 변환

요약