【问题标题】:Color picker on chrome gives wrong valueschrome 上的颜色选择器给出了错误的值
【发布时间】:2016-03-12 01:37:45
【问题描述】:

我正在使用输入类型=“颜色”。在 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 会有这种行为吗?

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

【问题讨论】:

  • 我在 Chrome 和 FX 中以 255,000,128 的价格获得 FF0080 - 这似乎是正确的。虽然我没有得到 3 个标签
  • 与@mplungjan 的结果相同,没有第三个选项卡。将颜色代码解析为在线工具时,颜色值似乎是正确的。 evernote.com/shard/s98/sh/be8295ed-0e5f-4253-90e6-7b520008ad98/…
  • @Christer @ mpungjan 更新了屏幕截图。我正在使用 mac。
  • 啊 - 缺少信息
  • 所以.. 我设法在我得到的 Mac 上成功地做到了这一点,结果与 OP 相同。我只有一个“想法”,那就是替代。它将十六进制值替换为完全支持网络的十六进制值,该值可能完全相同,也可能不完全相同。如果您选择 #FFFFFF 颜色,它会返回正确的格式,这让我得出结论,它按设计工作。

标签: html macos google-chrome input colors


【解决方案1】:

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

转到 chrome://flags/#force-color-profile 并点击全部重置为默认值

谢谢。

【讨论】:

  • Ta Muthu,非常感谢。
【解决方案2】:

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

【讨论】:

    【解决方案3】:

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

    【讨论】:

      【解决方案4】:

      也许我的代码会帮助你

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-08-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-12-01
        • 2021-08-27
        相关资源
        最近更新 更多