Chrome DevTools将所有HEX颜色转换为RGB

AJe*_*zy9 44 css google-chrome css3 google-chrome-devtools

最近,Chrome DevTools已经开始将所有元素的HEX颜色转换为RGB值,无论是在CSS中设置HEX颜色还是通过DevTools本身设置.怎么阻止?

我知道按住Shift+单击将颜色转换为其他格式的颜色图标方法,但我觉得这很不方便.我想知道是否有人知道如何阻止这种情况发生?

Sti*_*ers 72

打开Chrome DevTools面板:

单击最右侧的3点图标,选择"设置",然后在" 首选项"面板中找到" 元素">"颜色"格式,选择您想要的选项," 创作"是默认选项.

截图

  • 从 78.0.3904.108 开始,它位于 *Appearance* 中,而不是 *Elements* 中(位于 *DevTools* › *Preferences* 中。) (11认同)
  • 这个功能现在好像被删除了。一旦你了解了十六进制代码,它们就会好得多。请停止试图迫使我们使用 RGB (7认同)
  • 继 IE 之后,Chrome 又让开发者的生活变得复杂起来 (3认同)
  • 此选项不再出现在Chrome 77.0.3865.90中,并且我将所有内容都转换为RGB。 (2认同)
  • 目前似乎没有兑现此选项:( (2认同)

ang*_*sen 12

自 Chrome 114.0.5735.199(2023 年 7 月)起。

  1. 将鼠标悬停在 DevTools 中的颜色上,它会给出一个提示Shift-click工具提示显示为按住 Shift 键单击

  2. Shift-click颜色,选择您想要的颜色格式。 菜单显示所有格式选项

  3. 选择并复制所选格式的值。 采用新格式的所选值