目录[-] (1)javascript 数组 (2)函数基础 (3)运算符 (4)流程语句 (5)正则表达式 (6)字符串函数 (7)数据类型…
JavaScript: 通过十六进制代码检索颜色名, How to retrieve the human name of a color by its hex code in JavaScript

在客户的所有奇怪的欲望中,其中最怪异的一个肯定是设计师。最近我需要满足声音最初很奇怪的要求,通过JavaScript中的十六进制代码检测颜色的名称。最初,经过一些研究,我发现这项任务有多么困难。 幸运的是,JavaScript中的一些实现具有很大的潜力,特别是Name That Color库。
在本文中,我们将向您解释如何使用容易使用Color的JavaScript库名称。
1.下载NTC.js
您可以从官方网站下载ntc.js脚本文件。 使用NTC工具,您将能够根据给定的代码和类中的寄存器猜出最接近的颜色。值得一提的是,通过十六进制代码猜测颜色的艺术非常棘手,以及命名颜色的欣赏也会有所不同。但是,原始JS脚本提供了与您的十六进制代码匹配的各种颜色,如果它没有在类中注册,它将返回最接近的颜色。
有关此项目的更多信息,请访问此处的官方网站。
2.如何使用
最初,您只需要转换由库创建的ntc对象的name方法,其初始化需要一点执行时间,因为它将创建一个非常巨大的调色板,用于将十六进制代码与可用数据进行比较。从实例中,您将能够使用3种方法。我们感兴趣的只是name
有用的方法:
<!-- Include name that color library --> <script type="text/javascript" src="ntc.js"></script> <script type="text/javascript"> // 1. You need a hex code of the color var ColorCode = "#008559"; // 2. Rate the color using NTC var ntcMatch = ntc.name(ColorCode); // 3. Handle the result. The library returns an array with the identified color. // 3.A RGB value of closest match e.g #01826B console.log(ntcMatch[0]); // Text string: Color name e.g "Deep Sea" console.log(ntcMatch[1]); // True if exact color match, a Boolean console.log(ntcMatch[2]); </script>
此方法需要第一个参数为十六进制颜色代码为6或3位的字符串,例如#ffffff或#fff,并根据颜色猜测过程返回一个数组,其中包含您需要知道的数据。该数组分别包含3个项目:
0
:类中最接近颜色的十六进制颜色。1
:赋予颜色的人名。2
:布尔值,确定颜色代码是否与名称完全相同。
您要查找的属性是返回十六进制颜色代码的人名的名称键,在这种情况下是深海颜色,但它适用于您提供的几乎每种十六进制颜色,如果它不是使用您的颜色,您将收到具有相同3项的数组,但具有以下值:
0
:#000000。1
:无效的颜色:$ yourHexCodeString。2
:假的
快乐的编码 !
本文: JavaScript: 通过十六进制代码检索颜色名, How to retrieve the human name of a color by its hex code in JavaScript