当您只知道 RGB 格式的颜色时,如何为颜色编写 css

  • 本文关键字:颜色 css RGB 格式 css rgb
  • 更新时间 :
  • 英文 :


我更改了标题,以便与重复问题的区别更加清晰。

让我解释一下这个问题从 RGB 到十六进制和十六进制到 RGB 的不同之处上一个问题是一般目的。但是,此问题仅适用于 css 中的使用。请理解,这个问题的很多读者并不理解上一个问题的答案。我也是。

我知道这个问题似乎重复到如何将 RGB 转换为 HTML 颜色?

然而,我认为答案试图教的不仅仅是原来的问题。事实上,我不明白答案,也无法在实际代码中使用它。

请给我最简单的数学公式,将RGB转换为我认为代表白色的 #fff 形式。

我知道所需的颜色在 RGB 中写为 R:63,G:81,B:181。

    R:63, G:81, B:181

我需要将RGB转换为CSS格式。请给我确切的颜色CSS颜色代码。另外,请给我最简单的翻译数学公式。

如果十进制的 RGB 是您拥有的唯一信息,则无需传输,只需将

color: rgb(61, 81, 181)
  1. 打开谷歌浏览器,
  2. 检查具有 rgb 值颜色的元素,
  3. 在样式部分,只需按住 转移 键并单击颜色框(颜色后:)。您将看到十六进制代码,rgb值和hsl值的颜色。

您所需要的只是十六进制颜色,非常容易找到。您所需要的只是 photoshop,甚至更容易使用各种在线工具,例如:

http://www.rapidtables.com/convert/color/rgb-to-hex.htmhttp://www.color-hex.com/

对于此示例,您需要的十六进制颜色为:#3D51B5

//只需使用此函数:

function rgbToHex(r,g,b){
if( r >= 0 && r <= 255 && g >= 0 && g <= 255 && b>=0 && b<= 255){
    r = Number(r).toString(16); //<- decimal to hexadecimal convertion
    g = Number(g).toString(16); //<- decimal to hexadecimal convertion
    b = Number(b).toString(16); //<- decimal to hexadecimal convertion
    return "#"+ r + g + b;
}
throw new RangeError("rgbToHex:: > r, g and b must be in this range [0,255] .");}
/

/--> uage: rgbToHex(61,81,181)-->返回:"#3d51b5"

最新更新