JavaScript 中的 RGB 转十六进制颜色转换

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索在 JavaScript 中把 RGB 值转换为十六进制颜色代码的过程。我们将使用按位左移运算符和 Number.prototype.toString(),通过 String.prototype.padStart() 将给定的 RGB 参数转换为一个 6 位十六进制值。本实验将帮助你理解转换过程,并让你亲身体验在 JavaScript 中实现该算法。

RGB 转十六进制转换器

要将 RGB 值转换为十六进制颜色代码,请执行以下操作:

  1. 打开终端/SSH 并输入 node 以开始练习编码。
  2. 使用以下函数:
const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");
  1. 以 RGB 值作为参数调用该函数,以获取一个 6 位十六进制值。

例如:

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

总结

恭喜你!你已经完成了 RGB 转十六进制实验。你可以在 LabEx 中练习更多实验来提升你的技能。