chrome上的颜色选择器给出了错误的值

Question

我使用的是输入类型=“颜色”。在Chrome和网页安全的颜色我有一个奇怪的行为。在颜色选择器上选择的颜色与事件的输出不同，请参见下文：

在颜色选择器的第三个标签上，将选择更改为web safe colors并选择颜色：

jQuery('#color').change(function(e){
  console.log(e.target.value)
  jQuery('#result').val(e.target.value)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="color" id="color"/>

<textarea id="result"></textarea>

输出与所选值不同。颜色选择器在Firefox上正常工作。知道为什么Chrome会出现这种行为吗？

我指的是“第三个标签”：

Answer 1

有同样的问题。即使在显示器之间切换Chrome也会改变价值。在设置 - ＆gt;下禁用“在可用时使用硬件加速”系统修复了Chrome v.62.0.3202.62

上的问题

Answer 2

Chrome颜色选择器通过从当前显示器颜色配置文件中获取颜色来工作，并且可能通过更改颜色设置或某些时间更改显示器来解决问题，请检查以下方法来解决。

转到chrome：// flags /＃force-color-profile并点击全部重置为默认

感谢。

Answer 3

转到chrome://flags/#force-color-profile，将其更改为sRGB，然后单击重新启动按钮。

Answer 4

也许我的代码会帮助你

$("#color").change(function(){console.log($(this).val());});