精巧好用
HEX 取色器
在一个清爽工作区中调整 HEX，并比较 HWB、HSL、HSV、RGB 和 OKLCH 值。
精巧好用
在一个清爽工作区中调整 HEX，并比较 HWB、HSL、HSV、RGB 和 OKLCH 值。
HEX 取色器
输入任意 HEX 颜色代码，立即在 RGB、HSL、HSV、HWB 和 OKLCH 中看到对应值。移动滑块时，所有六种表示同步实时更新。HEX 代码和 URL 哈希一起同步，几秒内即可收藏或分享任意颜色。
输入 HEX 颜色——如 #3b82f6——RGB 值立即更新。HEX 查找器还支持三位简写代码。
每次调整颜色，URL 哈希自动更新，将 HEX 代码查找器变为可分享的书签。发送链接给团队成员，他们会看到相同的颜色。
HEX、RGB、HSL、HSV、HWB 和 OKLCH 全部同步更新。切换模型不会丢失颜色——完美适用于设计令牌和 CSS 变量。
颜色代码查找器
颜色代码查找器涵盖网页设计、应用开发和数字印刷中使用的所有标准。HEX 是 CSS 和 HTML 的默认格式。RGB 是屏幕的原生格式。HSL 对设计师来说可读性更好。OKLCH 是 CSS Color Level 4 中的下一代感知格式。四种格式同时可用——复制最适合你工作流的那个。
HTML 取色器
无论你是在编写内联样式、定义设计令牌，还是维护 CSS 变量库，这款 HTML 取色器都能给你所需的精确代码。直观调整色相、饱和度和亮度，然后将 HEX 颜色代码或 CSS rgb() 值直接复制到样式表中。
RGB 取色器
三个独立的 R、G、B 滑块让你按通道混合任意颜色。RGB 取色器在拖动时实时显示十进制值和 HEX 代码。
粘贴已知 HEX 代码可立即看到 RGB 分解，或调整 RGB 取色器滑块找到自定义色调的 HEX 代码。无需单独的转换器。
在 sRGB 和 Display-P3 色域之间切换，查看所选颜色是否能在宽色域屏幕上显示。两个色块并排更新。
常见问题