JavaScript 基础 | RGB 转 HSB 转换

简介

在本实验中，我们将探索 JavaScript 编程语言的基础知识。该实验旨在帮助参与者扎实掌握 JavaScript 的基础，包括变量、数据类型、控制结构、函数等等。通过一系列实践练习和示例，参与者将学习如何用 JavaScript 编写代码并构建简单程序。本实验适合几乎没有编程经验的初学者。

RGB 转 HSB 转换

要将 RGB 颜色元组转换为 HSB 格式，你可以按以下步骤操作：

打开终端/SSH 并输入 node 开始练习编码。
使用 RGB 到 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 转 HSB 实验。你可以在 LabEx 中练习更多实验以提升技能。

通过实践学习 JavaScript 基础

简介

RGB 转 HSB 转换

总结