当您只知道RGB格式的颜色时如何为颜色编写css [重复]

Posted 2023-02-23

【中文标题】当您只知道RGB格式的颜色时如何为颜色编写css [重复]

【英文标题】：How to write css for a color when you only know the color in the RGB format [duplicate]

【发布时间】：2016-11-18 08:18:00

【问题描述】：

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

让我解释一下这个问题与RGB to Hex and Hex to RGB 有何不同 上一个问题是通用的。但是，这个问题仅适用于 css。请理解，这个问题的许多读者不理解上一个问题的答案。我也是。

我知道这个问题似乎与How to convert RGB to html color? 重复。

但是，我认为答案试图比原始问题提供更多信息。其实我没看懂答案，在实际代码中也无法使用。

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

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

    R:63, G:81, B:181

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

【问题讨论】：

@DevidFarinelli，我需要删除这个问题吗？ 5 个答案对我帮助很大，并为我节省了很多时间。但是我不太了解这里的规则，所以如果你说我需要，那么我会删除这个问题。

是的，您可以删除问题，因为您已经在这里找到了答案。否则它可能会被标记为重复（当有足够多的人投票时）并关闭。

【参考方案1】：

如果十进制的rgb是你唯一拥有的信息，你就不用转了，直接放

color: rgb(61, 81, 181)

【讨论】：

你的回答很好。我保证如果这个问题不会作为重复问题被删除，它将帮助许多读者。

【参考方案2】：

打开谷歌浏览器， 检查具有 rgb 值颜色的元素， 在样式部分，只需按住 Shift 键并单击颜色框（颜色后：）.. 您将看到十六进制代码、rgb 值和 hsl 值的颜色..

【参考方案3】：

您所需要的只是十六进制颜色，非常容易找到。您所需要的只是 Photoshop，甚至更轻松地使用各种在线工具，例如：

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

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

【讨论】：

非常感谢您的准确回答，#3D51B5。

【参考方案4】：

//只要使用这个函数：

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”

【讨论】：

,非常感谢。这正是我问的。我阅读了重复问题中的所有 34 个问题。这个答案比他们更适合我的任务。