取色器

选择颜色并即时查看其 HEX、RGB、HSL 和 HSV 值。您的选择绝不会发送到服务器。

选取颜色

颜色值

最近颜色

互补色 & 邻近色

对比度检查器

对比度:

如何取色

  1. 使用原生颜色选择器,或在文本框中输入 HEX 值,如 #3366FF。
  2. 选取后立即查看对应的 HEX、RGB、HSL 和 HSV 值。
  3. 点击任意值旁边的"复制",将其粘贴到您的代码或设计工具中。
  4. 浏览最近的取色或互补色板,便于快速复用。

常见问题

HEX、RGB、HSL 和 HSV 分别代表什么?

HEX 是六位十六进制颜色码,RGB 混合红、绿、蓝光,HSL 使用色相、饱和度和明度,HSV 使用色相、饱和度和亮度。

我的颜色会被存储或上传吗?

不会。颜色绝不会离开您的设备,最近的取色仅存储在您浏览器的本地存储中。

可以将颜色复制到剪贴板吗?

可以。每个 HEX、RGB、HSL 和 HSV 值都有一个"复制"按钮,可将其复制到剪贴板。

取色器在移动端可用吗?

可以。页面完全响应式,并使用手机或平板的原生颜色选择器。

相关工具

为什么使用颜色选择器?

当需要从设计中提取十六进制代码并查看其如何转换为 CSS、代码或设计工具所用的 RGB、HSL 和 HSV 时,使用颜色选择器。

提示与限制

对于标准 sRGB 颜色,所有转换都精确往返,且该工具在浏览器中本地运行:你选择的内容永远不会被上传。