拖动放入或从右侧面板选择图片
颜色工具
免费在线颜色工具，支持从图片取色、HEX RGB HSL 颜色转换、调色板生成和 CSS 渐变代码生成，适合设计师与前端开发者。
本地处理开发者工具无需登录
视图控制
按住鼠标可平移图片，单击颜色加入调色板
实时预览
颜色转换
渐变生成器
调色板
尚未选择颜色
在线颜色工具与图片取色器
你可以从图片中快速取色，获得 HEX、RGB、HSL 三种颜色表示，还可以同步转换颜色值、生成线性渐变 CSS 代码并整理调色板，适合网页设计、UI 配色和前端开发。
如何使用颜色工具
- 上传一张图片后，在画布中点击目标区域进行取色。
- 查看 HEX、RGB、HSL 颜色值并一键复制。
- 在颜色转换区输入颜色值，自动完成格式同步转换。
- 使用渐变生成器设置两端颜色与角度，复制生成的 CSS 渐变代码。
常见问题
支持哪些颜色格式？
当前支持 HEX、RGB、HSL 三种常见颜色格式。
可以从图片中连续取多个颜色吗？
可以，选中的颜色会加入右侧调色板。
颜色工具会上传图片吗？
不会，取色与转换都在本地浏览器中完成。