问题描述
Google Chrome 提供了自己的颜色选择器工具，开发人员可以在我们不想为我们的网站安装/编写自己的颜色选择器时使用。它很有用。这很美。这简单。只需插入一小段可爱的 HTML5
<input type="color" />
它的工作原理。它几乎很棒。它几乎完美。这是几乎蜜蜂的膝盖。 几乎。
它有 rgb。它有十六进制。它甚至有 hsl。但该死的事情不允许用户更改不透明度。哪个，有点傻。我想让用户改变不透明度，该死！
现在，我网站的用户可以更改不透明度。我很懒，所以这不是疯狂或什么。只是在上面的代码中添加了一点，它可以工作。这不是我想要的。
<input id="color" type="color"/><input id="opacity" type="number" min="0" max="1" />
显然，Google 可以编写一个可以使用 rgba 和 hsla 的颜色选择器工具。他们做到了，而且它（仍然）在当前版本的 Google Chrome (91.0.4472.77) 中。它在 Google Chrome 的 DevTools 中可用。这很棒。太棒了。
我想要那个颜色选择器。
有没有办法在我的网站上使用很棒的颜色选择器？
PS：我知道我可以编写一个这样的颜色选择器，或者安装一个我在 Github 上找到的颜色选择器。但我不想做这两件事中的任何一件，因为 1) 我很懒，2) 我测试过的大多数看起来都很丑陋和/或编码方式让我突然对意大利面产生了巨大的渴望。
解决方法
要看的地方在Chrome Dev Tools API。据我所知，他们只是将 Inspector 作为一个整体单元提供，其中可能包括颜色选择器。但是，我看到的 Inspector 之外没有任何钩子。
也许如果您在本地添加了 package，您可以四处看看并可能找出如何使用它。您可以将整个包添加为 npm 依赖项：npm install chrome-devtools-frontend 或 yarn add chrome-devtools-frontend。