取色器

在线拾取颜色,HEX、RGB、HSL 互转并生成色板。选择即实时换算,一键复制,全部在浏览器本地完成。

点击色块打开系统调色板,拖动光标即可实时取色。

HEX
#4F46E5
RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)

使用说明

  1. 点击「选择颜色」的色块打开系统取色面板,或直接点击下方推荐色板中的颜色。
  2. 每次选择后,预览区和 HEX、RGB、HSL 三组颜色值都会实时更新。
  3. 点击对应格式旁的「复制」按钮,即可把该格式的颜色值复制到剪贴板。
  4. 想要新的配色灵感时,点一下「随机颜色」试试运气。

常见问题

HEX、RGB、HSL 有什么区别,该用哪个?
三者描述同一种颜色,只是表示方式不同:网页 CSS 最常用 HEX;需要配合透明度或做程序计算时用 rgb();调色时 hsl() 把色相、饱和度、明度分开,调整起来更直观。本工具保证三者互转一致。
颜色换算准确吗?
换算采用标准 sRGB 算法在本地完成:HEX 与 RGB 之间是精确无损的整数转换;HSL 展示为取整的度数、百分比,反向换算时可能存在 1 个单位以内的舍入差异,属正常现象。
能直接吸取屏幕上任意位置的颜色吗?
不能。这是一个网页取色组件,只能在系统调色板内取色;需要从屏幕其他应用取色,请使用系统自带的截图取色工具或专用取色软件。
切换到深色模式后颜色会变化吗?
不会。颜色值是绝对值,页面主题只影响界面外观,不影响取色与换算结果。

相关工具