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

【问题标题】：Chrome DevTools converts all HEX Colors to RGBChrome DevTools 将所有 HEX 颜色转换为 RGB
【发布时间】：2026-02-18 01:55:01
【问题描述】：

最近，Chrome DevTools 已开始将所有元素的 HEX 颜色转换为其 RGB 值，无论该 HEX 颜色是在 CSS 中设置还是通过 DevTools 本身设置。如何阻止它？

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

【问题讨论】：

【解决方案1】：

第 1 步，点击齿轮图标

第2步，更改Color format

原答案

打开 Chrome DevTools 面板：

点击最右上角的3点图标，选择设置，在Preferences面板中找到Elements > Color format ，选择您想要的选项，As authored 是默认选项。

【讨论】：

Chrome 77.0.3865.90 中不再出现此选项，我正在将所有内容转换为 RGB。
从 78.0.3904.108 开始，它在 Appearance 中，而不是在 Elements 中（在 DevTools › Preferences.)
在 IE 之后 Chrome 让开发者的生活变得复杂
这个选项目前似乎不被接受:(