仅浏览器已上线开发者工具
颜色选择器
选择颜色并获取 HEX、RGB 和 HSL,也可从图片中取色。
隐私说明。 在您的浏览器中运行——您输入的内容仅保留在此页面,不会发送到服务器。
输入 HEX 值或使用色块。
HEX
#1A6741RGB
rgb(26, 103, 65)HSL
hsl(150, 60%, 25%)色相 150°饱和度 60%亮度 25%
从图片中选取
将图片拖放到此处或选择一张,然后单击图片或使用方向键取色。图片仅保留在您的浏览器中。
推荐的后续步骤
相关工具
常见问题
它会以 HEX(如 #1A6741)、RGB(如 rgb(26, 103, 65))和 HSL(如 hsl(150, 60%, 25%))显示所选颜色。每个值都有自己的复制按钮,可直接粘贴到 CSS 或设计工具中。
可以。将图片拖到工具上或选择一张,然后单击图片上的任意位置即可取得该像素的颜色。HEX、RGB 和 HSL 值会相应更新。您也可以将焦点置于图片上,使用方向键在不用鼠标的情况下移动取色点。
不会。图片完全在您的浏览器中通过 canvas 解码和读取——绝不会发送到服务器。任何内容都不会离开此页面,因此可以放心地从私密截图或未发布的作品中取色。
在 HEX 字段中输入即可。3 位简写(#0F8)和 6 位(#1A6741)值均可使用,带不带开头的 # 都行。一旦值有效,色块以及 RGB 和 HSL 输出就会更新。
最后更新:2026-06-23。