Ich habe ein Javascript-Objekt namens [name-rgb] erstellt. Deine Basics:
namedColors = { AliceBlue: [240, 248, 255], AntiqueWhite: [250, 235, 215], ...
Objekt. Aber mir wurde klar, dass ich in der Lage sein sollte, eine Namenszeichenfolge einzugeben, beispielsweise „AliceBlue“, und JavaScript eine Art RGB-Darstellung davon finden zu lassen (Hex würde auch funktionieren). Ich weiß, dass es in Browsern mindestens 140 versteckte benannte Farben gibt, aber ich kann sie anscheinend nicht finden.
Gibt es einen CSS- oder „style=…“-Trick, der es mir ermöglicht, die RGB-Darstellung eines Farbnamens zu finden?
这是我最终得出的解决方案。我意识到颜色有两种类型:css字符串和webgl类型数组(通常是4个浮点数或整数,具体取决于情况)。
算了,让浏览器自己处理吧:创建一个1x1的画布,用任何字符串颜色填充它,获取像素,并将其解构为rgba数组。下面有两个实用工具,用于创建1x1的2d画布ctx。
我喜欢它的地方在于浏览器自己说话。任何合法的字符串都可以正常工作。唯一的缺点是,如果字符串非法,你会得到黑色,所以需要做一些检查。错误检查不是很好,但在我的使用中不需要它。
实用工具函数:
最简单的JavaScript函数: