将RGB转换为ColorName String Javascript

时间:2011-03-30 13:10:37

标签: javascript

我想知道DOM元素的样式是否为例如颜色:红色。 如果这是在内联样式上定义的,就像

一样
<input type="text" style="color:Red">

我可以使用JavaScript轻松搞定

但是如果它是在角色上定义的呢?我的意思是作为一个css类并将类分配给DOM元素

使用javascript我知道我可以通过一些方法调用computedStyle来获取颜色,并为其提供属性的名称,但它在Firefox中为我带来RGB数字模式的颜色,在IE中它获取颜色名称

我的问题是如何将RGB转换为简单的颜色名称?

6 个答案:

答案 0 :(得分:10)

以下是将执行此操作的库:将该颜色命名为http://chir.ag/projects/name-that-color/

答案 1 :(得分:4)

你可以在这个答案中调用一个示例函数:

Javascript function to convert color names to hex codes

它执行从名称到十六进制值的转换。

答案 2 :(得分:2)

我认为这些是大多数浏览器支持的名称,您可以将它们存储在字典中并进行查找:http://www.febooti.com/products/iezoom/online-help/html-color-names-x11-color-chart.html

x11颜色名称是css中定义的颜色名称的超集。

答案 3 :(得分:2)

RGB转换器查找表的颜色名称将有所帮助,从这里开始:http://web.njit.edu/~walsh/rgb.html 另一方面,有人可能之前已经构建了它,因此请尝试谷歌:https://encrypted.google.com/search?num=100&q=SlateGray1+SlateGray2+inurl%3A.js

答案 4 :(得分:1)

签出https://www.w3schools.com/lib/w3color.js转换脚本。它非常全面,可以在已命名的颜色,十六进制,hsl,hwb,cmyk和ncol between之间进行转换。但是,它不支持带有alpha?的颜色。

还提供了一个简单的Web界面,网址为 https://www.w3schools.com/colors/colors_converter.asp

答案 5 :(得分:0)

相关问题