javascript - jQuery以纯文本格式获取div的绿色背景(获取“绿色”，而不是“rgb(0,128,0)”，而不是“＃0f0”))

This question already has answers here:

How to get hex color value rather than RGB value?
                                
                                    （18个回答）
                                
                        
                        
                            How to get a style attribute from a CSS class by javascript/jQuery?
                                
                                    （8个答案）
                                
                        
                                3年前关闭。
            
                    
我有一个div，其中background-color为green。在HTML和JavaScript中：

<div id="rectangle" style="background-color:green;width:200px;height:100px"></div>

var div = document.getElementById("rectangle")
console.log(div.style.backgroundColor)

控制台日志green。

我试图在jQuery中做同样的事情。但是我得到了：

var $div = $('#rectangle').css("backgroundColor");
console.log($div)

控制台日志rgb(0, 128, 0)

jQuery中是否有一种方法可以返回文本green的实际颜色。另外，有一种简单的方法可以将rgb(0, 128, 0)转换为green吗？

我正在尝试获取颜色，而不是设置颜色。

最佳答案

这里有一个很小的颜色库https://github.com/Olical/color
您可以使用它将rgb字符串格式的颜色转换为数组，然后将其转换为这样的名称：

console.info(color.toName(color.toArray("rgb(0, 128, 0)")))

<script src="https://unpkg.com/olical-color@1.0.1/src/color.js"></script>

关于javascript - jQuery以纯文本格式获取div的绿色背景(获取“绿色”，而不是“rgb(0,128,0)”，而不是“＃0f0”))，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40873322/