屏幕取色器
工具
使用指导
意见反馈
屏幕取色
图片吸管 / 主色提取
HEX:
#409eff RGB:
rgb(64, 158, 255) 拖入图片 / 点击选择(支持 PNG、JPG、WEBP、GIF 首帧)
点击画布任意位置取色
功能说明
调用浏览器原生取色器(EyeDropper)从屏幕任意位置拾取颜色,显示 HEX/RGB 并可复制;不支持的浏览器可用颜色输入兜底。
图片吸管
上传本地图片后渲染到画布,鼠标移动实时预览像素颜色,点击即可锁定取色(基于 getImageData 读取单个像素)。图片仅在浏览器内存中处理,不会上传。
主色调提取
对图片像素做 5 位/通道的直方图量化后,用加权 k-means 聚类出若干主色, 并按覆盖面积从高到低排序。可调整提取数量(默认 6 个),支持忽略近白/近黑像素, 避免大面积背景色淹没真正的主体色。算法确定性,同一张图多次提取结果一致。
导出
可将提取出的调色板导出为 CSS 变量文本或 HEX 色卡列表,一键复制到项目里使用。
使用场景
设计还原、取色比对、从参考图/截图中提炼配色方案。
意见反馈
温馨提示
- 您的反馈将帮助我们改进产品体验
- 反馈内容会匿名保存,保护您的隐私
- 我们会认真阅读每一条反馈
反馈历史
暂无反馈记录
