Question

我正在设计一个网站，并从其他网站中寻求灵感。

当我使用Chrome浏览器访问一个网站（在Mac上）时，在一个项目上使用吸管，并在我的网站上使用该颜色，则该颜色是不同的。如何获得与我在网站上显示的颜色相同的颜色？使用什么过程？有什么工具可以帮助您吗？

我以为问题是浏览器呈现的颜色不同，但是chrome和safari都显示相同的颜色： https://codepen.io/anon/pen/NLmpgJ

CSS颜色：

  background-color: rgba(22, 39, 56, 1.0);

浏览器呈现的颜色：

  background-color: rgba(18, 29, 43, 1.0);

因此，可以说我希望（渲染的）网站颜色为（18、29、43），如何确定CSS颜色以提供该输出？（在这种情况下，答案将是22、39、56）。

有关我的困惑的说明，请参见屏幕截图：

修订后的问题摘要：

我正在寻找一种公式/工具，可以在其中输入镀铬渲染的颜色代码并返回传递给chrome渲染该颜色所需的颜色代码。

Answer 1

简单答案：

只需截图并在Firefox中使用选择器，然后插入这些值到CSS。

Chrome应该始终如一地错误地渲染颜色，从而与最初观察到的不正确的颜色匹配。

由于Firefox以真实的RGB颜色呈现，因此解决方案是仅使用工作浏览器（firefox）提供的源颜色。

如果网站在不同的浏览器中使用不同的颜色，则此方法将无效，但在其他情况下则可以正常工作。