如何找到特定的html颜色代码?

时间:2015-10-14 07:37:27

标签: html css

每个州都有一个颜色的按钮:
state enable:#007BC2
state disable:#428bca(启用颜色的苍白版本)

这个css是我从模板中挑选的文件。

现在我的客户想要按钮这个启用颜色:#4B0082。 我想找到#4B0082的苍白版本的颜色代码(用于禁用状态)。 网上是否有一个css工具可以找到这种颜色,或者我是否需要浏览一个颜色选择器才能找到"苍白"这个启用颜色的版本?

感谢您的回答。

2 个答案:

答案 0 :(得分:0)

我建议使用chrome或firefox。您可以在此处右键单击网页上的任何元素。对于您的示例:右键单击按钮,然后单击“检查元素”。您现在可以看到开发人员工具窗口。在这里,您可以看到按钮的所有css或html属性。

因此,请查看background-color属性并单击颜色缩略图。颜色选择器变得可见(参见屏幕截图)。您现在可以选择颜色并在网页中查看该颜色的实时预览。

enter image description here

答案 1 :(得分:0)

您可以使用Colorzilla(镀铬附件)从页面中挑选颜色并找到其苍白版本。它还包含生成css渐变的选项,甚至可以获取所选颜色的历史记录 你会在chrome webstore上找到colorzilla