我们是谁：一个把「取色」这件事做笨、做扎实的小团队
颜色提取器（yan-se-tiqu.cn）是一个面向设计师、前端开发和内容创作者的在线取色工具与色彩信息站。 我们专注的事情说穿了很窄：把图片里的颜色准确、可读、可复制地拿出来。 不写花哨的功能清单，不承诺一步到位的自动配色，只把「取色」这一个动作做到让人愿意反复用。
团队最早是从一个很小的麻烦开始的。做前端的时候，拿到设计稿要逐个点开图层看色值；做内容的时候，想给一篇文章配张风格统一的头图，却总是凭感觉调色，调完自己也说不清为什么好看。市面上的工具要么只能取一个点，要么功能堆得很满、学习成本高得离谱。于是我们把中间那一段补上：一次给出一整张图的配色结构，主色在前、辅助色在后，颜色之间的关系一眼能看出来。
我们解决的核心问题有三个。第一是说不清——很多人有审美判断，但缺少把判断翻译成色值的能力，颜色提取器负责翻译。第二是重复劳动——同一套配色要在一个项目里反复取十几次，工具应该替人记住。第三是不可复现——凭感觉调出来的颜色，换台设备、换个人就还原不了，色值是唯一不会走样的语言。
坚持的理念其实很朴素：工具应该比人更耐心，而不是比人更聪明。所以我们不替用户决定「这张图该用什么配色」，只把客观存在的颜色摆出来，判断权留给用的人。 另外一条是不做无法验证的承诺——页面上出现的每一个数字、每一条说明，都要能对应到实际功能，说不出依据的就不写。 站内色彩知识库里的术语、方法、注意事项，来源以公开出版的设计资料与浏览器官方文档为准；具体到某些软件的版本差异、参数取值，我们没有逐一实测过的部分，会明确标注「以官方文档为准」，不做猜测补齐。
颜色提取器我们坚持的三件事
说理念容易，落到产品里就三张卡片，每张都能在页面上找到对应的地方。
颜色提取器准确优先于好看
取到的色值必须和原图一致，这是底线。色板排序、界面配色都可以讨论，但色值本身不能为了视觉效果被「修一下」。 我们在取色算法上做了容差控制，就是为了避免把相近但不同的颜色合并成一个。
隐私不靠承诺靠架构
图片解析放在浏览器本地完成，服务端拿不到你的原图，也不需要你为了取个色先注册账号。 这不是一句「我们重视隐私」，而是从数据流向上一开始就没让图片离开设备。
颜色提取器信息边界写清楚
哪些内容有公开来源、哪些是我们自己的整理、哪些暂时无法确认，都在页面上标注明白。 不确定的名单、日期、数据一律留空，不拿「大概」「据说」来填空。
颜色提取器背后是三个真人，不是一个自动更新的页面
颜色提取器没有庞大的编辑部，日常维护由三个人分担，各自负责一块，署名到人。
林知远
主理人 · 前端工程师
负责取色算法与前端交互实现，日常和 Canvas、色彩空间转换打交道，也负责处理浏览器兼容问题。
苏晚
视觉设计 · 内容编辑
负责色彩知识库整理与配色案例撰写，擅长把设计经验翻译成普通人看得懂的话。
周牧
内容运营 · 校对
负责站内信息的来源核对与更新跟进，坚持信息未经确认就保持空缺、不做猜测补齐。
深度解读：取色这件事，门道比想象中多
很多人以为取色就是「点一下、复制十六进制」，用久了才会发现，同一个工具在不同图片上给出的结果差异很大。 下面这些是我们在实际使用和维护中攒下来的判断，讲清楚机制，也讲清楚三个最容易踩的坑。
颜色提取器取色的机制：工具到底在算什么
绝大多数在线取色工具做的是颜色量化——把一张图里可能存在的上百万种颜色，压缩成十几到几十种代表性颜色。 压缩的方式决定了结果。常见做法是先缩小图片尺寸降低计算量，再把每个像素映射到色彩空间里，然后按「谁离谁近」聚成簇，簇的中心就是色板上的一个色块。
这里有个关键参数叫量化容差。容差小，相近的颜色会被拆成好几块，色板看起来碎；容差大，不同颜色会被合并，色板干净但会丢细节。 所以同一张图在不同工具上给出不一样的结果，往往不是谁错了，而是容差设置不同。判断一个取色工具靠不靠谱，看它有没有把色值精确到具体数值、有没有提供切换精度的选项，比看它界面好不好看有用得多。
另一个容易被忽略的点是色彩空间。HEX 和 RGB 是设备相关的表达，同一个 HEX 值在不同屏幕上看起来可能不一样；HSL 更贴近人的直观感受，调整明度和饱和度时更顺手。 做设计交付时用 HEX 或 RGB，做配色推演时用 HSL，这个习惯能省不少来回改的时间。
颜色提取器三类常见误区
取色工具给出的是这张图里客观存在的颜色分布，不是设计师当初用的那套规范色。一张照片经过压缩、调色、滤镜处理，颜色早就偏离了原始设计值。 想还原一套设计规范，正确做法是找源文件或设计稿，取色结果只能当参考方向。
低分辨率、强压缩的图片，边缘会出现大量噪点和色带，取色结果里混进一堆「脏色」。取色前先把图片放大到能看清边缘，或者选一块颜色均匀的区域采样，结果会干净很多。 如果原图就是模糊的，与其反复取色，不如换一张素材。
主色往往只占画面很小一部分，真正撑起整体氛围的是那些占比中等、容易被忽略的辅助色。 做风格板的时候，把主色、辅助色、背景色按比例一起取出来，复现出来的效果才接近原图。只盯着一个主色去配，很容易做出「像但又不太像」的东西。
几个能立刻用上的操作习惯
取色前先问自己：我要的是这张图的整体调性，还是某个具体元素？整体调性就整图取色，看色板排序；具体元素就框选区域，避免背景干扰。 取完色别急着关页面，把色值按「主色 / 辅助色 / 背景色 / 强调色」分个类，下次做同类项目直接调用，比每次重新取一遍省事。 另外，养成记录来源的习惯——这张图从哪来、取色用于什么项目，写清楚比什么都重要，尤其是商用场景，素材授权得自己确认清楚。
最后说一句我们的取舍：站内不展示无法核实的数据、评分或排名，也不提供任何未授权资源的获取路径。色彩知识以公开资料与浏览器官方文档为准，遇到我们没实测过的具体参数，会直接标注而不是含糊带过。
颜色提取器一句我们的判断
「取色工具的价值不在于替你选颜色，而在于让你看清楚原本看不见的颜色关系。 看得清，判断才有依据；判断有依据，配色才不会变成碰运气。」
—— 颜色提取器 主理人 林知远
常见问题：关于颜色提取器，大家最常问的几件事
颜色提取器是什么？
颜色提取器是一个在线取色与配色整理工具，你上传或粘贴一张图片，它就能自动识别出主色调、辅助色，并给出对应的 HEX、RGB、HSL 色值。我们不做图片托管，也不保存你的原图，所有解析都在浏览器里完成。
使用颜色提取器安全吗，图片会被上传吗？
图片不会离开你的设备。我们的取色逻辑走的是浏览器 Canvas 本地解析，服务端只接收匿名使用统计，不接收图片本身。如果你对隐私特别敏感，可以断网后再打开页面试试，功能依旧可用。关于数据处理边界，可以继续看 使用须知与版权说明。
用颜色提取器需要注册或登录吗？
不需要。看色、取色、复制色值这些基础功能全部免登录，打开即用。只有当你需要把多套配色长期存进个人色板时，才会提示你注册，但这属于可选项，不注册完全不影响使用。
颜色提取器具体怎么用？
把图片拖进取色区，或直接 Ctrl+V 粘贴截图，页面会自动生成一张色板。点击任意色块即可复制 HEX 值，右侧还能切换 RGB、HSL 视图。想更精细地控制，可以看 深度解读 里讲到的容差与采样技巧。
颜色提取器和系统自带的吸管工具、专业设计软件有什么区别？
系统吸管只能取一个点，专业软件功能全但门槛高。颜色提取器走的是中间路线：一次给出一整张图的配色方案，省去逐个取点的重复劳动，适合快速找参考、做风格板。复杂调色还是建议回到专业软件。
颜色提取器的内容多久更新一次？发现错误怎么反馈？
色彩知识库和工具说明按周更新，遇到浏览器兼容问题会当天跟进。如果发现色值显示异常或内容有误，直接发邮件到 hello@yan-se-tiqu.cn，写明页面和截图，我们通常在 48 小时内回复处理。
使用须知与版权说明
下面几条是我们对本站定位和内容边界的说明，用之前花两分钟看一下，能避免不少误会。
- 本站定位是信息导航与内容解析站。颜色提取器提供取色工具与色彩知识整理，不托管、不上传、不代理任何文件或流媒体，与任何第三方平台均无官方关联。
- 信息来源于公开页面，版权归原作者所有。站内涉及的方法、术语、说明，整理自公开可查的设计资料与浏览器官方文档；如引用到他人内容，会尽量标明出处，但不代表获得授权。
- 侵权投诉渠道与处理时效。若你认为本站内容侵犯了你的合法权益，请发送邮件至 hello@yan-se-tiqu.cn，写明具体页面与权属证明，我们承诺在 48 小时内核实并处理。
- 取色结果仅供参考。由于图片压缩、色彩空间与显示设备差异，取色得到的具体数值可能与原始设计值存在偏差，请以源文件或官方设计规范为准。
- 未成年人使用提示。本站内容面向设计与开发场景，不含不适宜内容；未成年人在使用过程中如涉及素材商用，请在监护人指导下确认授权情况。
- 不提供未授权资源。本站不提供盗版、破解、侵权传播路径，也不展示无法核实的数据与排名。信息尚未确认时保持空缺，不做猜测补齐。