html - 我可以更改 Chrome 中 HTML 颜色输入的默认输入格式吗？

Question

在 Chrome 83 中，单击 <input type="color"> 时出现的颜色选择器小部件默认为 RGB 输入:

通过单击字母“B”右侧的两个小箭头，可以将输入格式更改为 HSL 或 HEX。
有没有办法可以将默认输入格式从 RGB 更改为 HEX，或者只允许 HEX 输入？ HTML/CSS/JS 将是理想的，但我很好奇是否有 Chrome 设置来调整它。

Answer 1

不，这是不可能的(截至 2020 年 12 月)。您可以使用 JavaScript 实现并提供颜色选择器。
每个浏览器(或操作系统组合)都会显示一个默认颜色选择器或操作系统的颜色选择器。
https://collectiveidea.com/blog/archives/2011/09/14/hsl-color-selector-using-html5-and-css展示了一种不同的方法:以渐变为背景的范围 slider 。它不适用于所有浏览器，但它可能符合您的要求。

.spectrum {
  display: block;
  width: 150px;
  height: 15px;
  margin: 0 0 -3px 7px;
  background: -webkit-linear-gradient(left, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%) 100%);
}

input[type=range] {
  width: 161px;
  margin-top: -5px;
}

<span class="spectrum"></span>
<input type="range" min="0" max="300" step="1">