如何为透明背景颜色找到正确的颜色组合？答案

【问题标题】：How do i find the right color combo for the transparent background color?如何为透明背景颜色找到正确的颜色组合？
【发布时间】：2013-06-06 04:07:58
【问题描述】：

看图：

灰色区域实际上是一个图像。

如何找到最接近的颜色以使用 css3 创建相似的颜色？

我发现以下颜色最接近，但不确定它们是否匹配，因为我不知道如何在 CSS3 中使用它们：

5A5757 - 顶部

585555 - 底部

【问题讨论】：

试试colorschemedesigner.com

标签： image css colors background-color

【解决方案1】：

将此代码放入您的 css 并设置高度。

background: #5a5757; /* Old browsers */
background: -moz-linear-gradient(top, #5a5757 0%, #5a5757 15%, #2b4244 15%, #2b4244 31%, #585555 31%, #585555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5757), color-stop(15%,#5a5757), color-stop(15%,#2b4244), color-stop(31%,#2b4244), color-stop(31%,#585555), color-stop(100%,#585555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5a5757 0%,#5a5757 15%,#2b4244 15%,#2b4244 31%,#585555 31%,#585555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5a5757 0%,#5a5757 15%,#2b4244 15%,#2b4244 31%,#585555 31%,#585555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5a5757 0%,#5a5757 15%,#2b4244 15%,#2b4244 31%,#585555 31%,#585555 100%); /* IE10+ */
background: linear-gradient(to bottom, #5a5757 0%,#5a5757 15%,#2b4244 15%,#2b4244 31%,#585555 31%,#585555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5757', endColorstr='#585555',GradientType=0 ); /* IE6-9 */

【讨论】：

谢谢。这看起来是对的。唯一的问题是我不需要那个绿色条带，我如何添加不透明度？我不想使用 opacity 属性，也许 rgba 是更好的解决方案？
你必须使用不透明度，因为 rgba() 不适用于这些代码。因为我们已经将渐变设置为背景颜色。