我想知道一个DOM元素是否有一个样式,例如颜色:红色。如果在内联样式上定义了
<input type="text" style="color:Red">
我可以用JavaScript轻松获得它
但是如果它定义在一个角色上,我的意思是作为一个css类并将类分配给DOM元素,该怎么办
使用javascript,我知道我可以通过一些方法调用computedStyle来获取颜色,并给予它属性的名称,但它在Firefox中以RGB数字模式为我带来颜色,而在IE中它获取颜色名称
我这里的问题是如何将RGB转换成一个简单的颜色名称?
6条答案
按热度按时间ecfsfe2w1#
以下是可以做到这一点的库:名称颜色-http://chir.ag/projects/name-that-color/
vbopmzt12#
你可以在这个答案中调用一个示例函数:
Javascript function to convert color names to hex codes
它将名称转换为十六进制值。
fnx2tebb3#
我认为这些是大多数浏览器支持的名称,您可以将它们存储在字典中并查找:http://www.febooti.com/products/iezoom/online-help/html-color-names-x11-color-chart.html
x11颜色名称是css中定义的颜色名称的超集。
brjng4g34#
颜色名称到RGB转换器查找表将有所帮助,从这里开始:http://web.njit.edu/~walsh/rgb.html。
另一方面,有人可能已经建立了它之前,所以尝试谷歌它:https://encrypted.google.com/search?num=100&q=SlateGray1+SlateGray2+inurl%3A.js
5anewei65#
查看https://www.w3schools.com/lib/w3color.js转换脚本,复制如下,截至2023-04-27。它非常全面,可以在命名颜色、hex、hsl、hwb、cmyk和ncol之间进行转换🎉。但是,它不支持alpha颜色😢
https://www.w3schools.com/colors/colors_converter.asp还提供了一个简单的Web界面
myss37ts6#
checkout 这个项目https://github.com/evansque/coloraze,这里是它的节点模块https://www.npmjs.com/package/coloraze