前言
正则表达式是前端开发中常用的一种工具，用于匹配需要的文本信息。而不同的文本信息往往需要不同的颜色进行标识，这就需要使用到颜色选择器来获取相应的颜色值。为了方便开发人员进行前端开发，已经有了一些比较好的 npm 包，如 regular-color 就是一个很好的 npm 包用于获取颜色。
regular-color 是什么
正则表达式匹配串中 CSS 颜色的值，输出包括 颜色名，颜色16进制码，RGB 等等。在 React 组件开发与构建时能起到很好的效果。
怎么使用
安装
npm install regular-color
示例
接下来我们来看一下如何使用：
import { parse } from "regular-color";
let color = parse('#FFA500');
console.log(color.name); // "orange"
console.log(color.hex); // "#FFA500"上面的代码将 "#FFA500" 转化为一个 Color 对象，Color 对象中包含了该颜色的颜色名和 16 进制码。
这样，在开发中，我们就可以方便地通过颜色名和颜色 16 进制码来获取对应颜色的值。
API
regular-color 包含了以下 API：
| API | 参数 | 返回 | 描述 |
|---|---|---|---|
| parse | input: string | Object | 解析输入字符串，返回一个 Color 对象 |
| toHex | input: string | string | 将输入字符串转化为 16 进制码 |
| isValidHex | input: string | boolean | 判断输入字符串是否是有效的 16 进制码 |
结论
通过学习本文，我们了解了 regular-color 这个 npm 包的基本信息和使用方法，也掌握了如何应用 regular-color 包中的 API，通过本文的学习，我们可以更加方便地获取我们需要的颜色值，并且在开发中更容易地实现颜色的标识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672581e8991b448e39e9