Question

我更改了标题，以便与重复的问题区别开来。

让我解释一下这个问题与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颜色代码。另外，请给我最简单的翻译数学公式。

Answer 1

打开Google Chrome，
检查颜色为rgb值的元素
在样式部分，只需按住Shift键并单击颜色框（颜色后:)。您将看到十六进制代码，rgb值和hsl值的颜色..

Answer 2

你需要的只是Hex颜色，很容易找到。您需要的只是photoshop，甚至更容易使用各种在线工具，例如：

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

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

Answer 3

如果十进制的rgb是您拥有的唯一信息，则无需转移，只需输入

color: rgb(61, 81, 181)

Answer 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] .");}

// - ＆GT; uage：rgbToHex（61,81,181） // - ＆GT;返回：“＃3d51b5”

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

4 个答案: