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

How to write css for a color when you only know the color in the RGB format

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

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

  1. 打开 Google Chrome,
  2. 检查rgb值颜色的元素,
  3. 在样式部分,只需按住 Shift 键并单击颜色框(在颜色之后:).. 您将在十六进制代码、rgb 值和 hsl 值中看到颜色..

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

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

对于这个例子,您需要的十六进制颜色是:#3D51B5

如果你只有十进制的rgb信息,不需要传输,直接输入

color: rgb(61, 81, 181)

//就用这个函数:

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) //--> return: "#3d51b5"