取色器 在线 · 关于我们
我们做一件很小的事:让屏幕上的每一种颜色,都能被准确地说出名字、写下数值。取色器 在线由一群做前端与视觉的编辑维护,把配色这件事从「凭感觉」拉回到可复现的数字上。
我们是谁,以及为什么做「取色器 在线」
取色器 在线 是一个围绕屏幕取色、色彩换算与配色参考而建立的在线工具与内容站点,由域名 quseqi.cn 承载。它最初只是内部用的小脚本——设计师从截图里吸一个颜色,前端把它写成十六进制,运营再把它贴进物料表——后来发现这套流程在太多团队里重复发生,于是我们把它整理成了一个谁都能打开的页面。
我们不生产颜色,也不定义颜色。色彩标准属于 W3C、属于各家的设计系统、属于印刷厂与屏幕厂商。取色器 在线 做的是中间那一段翻译工作:把你在屏幕上看到的那一点颜色,转成 HEX、RGB、HSL、CMYK 这些能被复制、被粘贴、被复现的数值;把「这个蓝再深一点」这种口头描述,变成可以写进设计稿的具体参数。它解决的问题很小,但每天都在发生。
取色器 在线我们专注的三件事
第一是准确。取色这件事最怕「差不多」,同一个色值差一个数字,印刷出来就是两个颜色。所以站内的取色、换算、对比度计算都按公开的色彩标准实现,换算公式可查、结果可验。第二是即开即用。不注册、不登录、不弹窗,打开页面就能吸色,用完关掉,不留痕迹。第三是讲清楚。工具旁边配内容,说明这个色值怎么来的、适合用在哪、和相邻色怎么搭——工具给结果,内容给判断。
一条我们自己守的线
做内容的人容易手滑:为了让页面看起来更权威,顺手写一个查不到的奖项、编一个模糊的「服务过 500 强」。我们不这么干。凡是无法核实的数字、名单、日期与荣誉,我们宁可留空,也不做猜测补齐;站内出现的统计只描述本站自身的规模,不冒充第三方背书。这条线看起来让页面朴素了一点,但它让每一个写出来的数字都能站得住。
如果你只是想快速吸一个色,直接回到首页用工具就好;如果你想知道这个色值背后是怎么回事,这一页往下读,我们把定位、边界和常见问题都摊开写清楚了。
从内部脚本到公开页面,工具形态几经重写,取色的核心逻辑没变过。
HEX、RGB、HSL、CMYK 互相换算,覆盖屏幕与印刷两个场景。
不索要手机号、不建账号体系,用完即走是产品设计的一部分。
取色器 在线几个能说清楚来源的数字

下面这些数字全部来自本站自身的统计口径:页面维护记录、内容条目数与工具调用频次。它们描述的是「取色器 在线」这个站点自己的规模,不涉及任何第三方评测、排名或认证,请勿理解为行业背书。
从 2019 年至今,工具与内容保持更新,未中断运营。
含色彩基础、配色方法、印刷与屏幕差异等主题的整理文章。
从网页配色、UI 设计到印刷打样、屏幕校色的常见取色需求。
收到版权或内容纠错邮件后,我们承诺在此时限内给出首次回复。
以上数字仅用于描述本站自身的维护与内容规模,不构成任何形式的资质证明或效果承诺。
取色器 在线 各接入线路响应看板

本站为纯前端工具,核心取色与换算在浏览器本地完成,不依赖服务端计算。下面的面板记录的是各区域访客打开页面时的静态资源加载表现,用于判断哪条线路更顺畅。延迟数字为近期观测区间的常见值,会随网络波动变化,仅作参考。
把「取色器 在线」拆成几张参数卡
与其用形容词堆砌,不如把关键指标摆出来。下面几张卡片对应的是你在实际使用中最会关心的几个点,每一项都配了具体数值和它解决什么问题。
吸管落点后色值即时返回,换算在浏览器内存中完成,无需等待网络。
HEX、RGB、HSL、CMYK 同屏显示,复制哪一项取决于你交给谁。
本地上传图片、屏幕吸管、手动输入色值,三条路径随时切换。
每通道 0–255 取值,与主流屏幕和设计软件的口径一致,避免换算误差。
图片只在你的浏览器里解码,不上传服务器,关闭页面即释放。
不注册、不绑定手机号、不看广告倒计时,打开就能用。
新手用「取色器 在线」最容易踩的四个坑

工具本身不复杂,复杂的是「取到的颜色到底对不对」。下面这几条是我们在反馈邮件里反复看到的,写出来给刚上手的人省点时间。
坑一:从带压缩的截图里取色
很多人习惯把网页截图再发到聊天软件、再保存下来取色。JPEG 是有损压缩,边缘和渐变区域的颜色会被邻近像素「污染」,取到的色值往往和原图差几个数值。正确做法是尽量从原始图片、原始设计稿,或者直接在屏幕上用吸管取色。如果只能拿到压缩图,选色块中心区域而不是边缘,误差会小很多。
坑二:把屏幕上的颜色当成印刷色
屏幕是加色模式(RGB),印刷是减色模式(CMYK),两者能表现的色域并不重合。你在取色器 在线 里看到一个鲜艳的荧光绿,转成 CMYK 后往往印不出来,只能就近替代。做印刷物料时,正确顺序是先在 CMYK 色域内选色,再回头确认屏幕预览,而不是反过来。站内的 CMYK 换算结果可以当作参考起点,最终还是要以印厂的打样为准。
取色器 在线坑三:忽略显示器的色彩偏差
同一张图,在两台没校过色的显示器上能差出肉眼可见的程度。如果你取色是为了交给别人复用,建议至少做一次基础校准,或者用系统自带的色彩配置文件确认当前屏幕的工作空间。取色器 在线 读到的是系统报告的颜色值,屏幕本身偏了,工具再准也救不回来。
坑四:只记 HEX,不记使用场景
HEX 适合网页,RGB 适合屏幕与开发,HSL 适合做明度与饱和度的微调,CMYK 才对应印刷。很多人取完色只复制一个 HEX 就关掉,等到要调深浅时又得重新取。建议取色时顺手记下 HSL 的明度与饱和度,改配色时直接调这两个值,比在 HEX 上瞎试快得多。
一个顺手的判断:对比度够不够
取色最实际的下游用途之一,是判断文字和背景的对比度是否达标。WCAG 对正文文字的建议是 4.5:1 以上,大号标题可以放宽到 3:1。取完前景色和背景色后,把两个值放一起算一下对比度,比凭肉眼「感觉能看清」可靠得多——这一点对做无障碍适配的页面尤其重要。
这些经验谈不上多高深,但每一条都能省下一次返工。工具解决「取到」,判断还得靠人,这也是我们坚持在工具旁边写内容的原因。
取色器 在线四步上手,以及几条避坑提醒
选来源
上传本地图片、用屏幕吸管,或直接输入已知色值。三条路径随时切换,不需要刷新页面。
吸色
鼠标移到目标位置,取色器 在线 会实时显示落点色值。放大区域可以帮助你避开边缘的杂色像素。
选格式
看用途复制:网页用 HEX,开发用 RGB,调色用 HSL,印刷参考用 CMYK。四种格式同屏对照。
核对
把色值贴回设计稿或代码里再确认一次。屏幕取色受环境影响,关键色建议复核。
几条通用的安全与避坑提醒
第一,警惕任何要求你先付费、先注册、先看长广告才能取色的「在线取色器」。取色是纯本地计算,没有理由需要账号,更没有理由收费。第二,不要为了取色去下载来路不明的桌面软件或浏览器插件,尤其是要求获取屏幕录制权限的工具——权限一旦给出去,能看到的就不止一个颜色。第三,处理含个人信息的截图时,注意遮挡敏感区域;本站的图片处理在本地完成,但你自己保存到本地的文件仍要妥善管理。第四,浏览器自带的广告过滤与隐私扩展可以正常开启,不影响本站工具的使用。
如果你在别的站点遇到需要付费解锁色值、或者取色结果明显偏离的情况,欢迎通过下面的邮箱反馈,我们会核对并更新说明。
取色器 在线近期整理的几篇,按主题分类

把四步流程拆开讲,重点说清每一步容易出错的细节。
从 JPEG 压缩到屏幕校色,逐条排查色差来源。
按输出对象选格式,而不是按习惯选格式。
4.5:1 从哪来、怎么算,以及什么时候可以放宽。
不靠感觉,用取色结果反推一套能落地的配色方案。
关于「取色器 在线」的高频疑问

取色器 在线 到底是什么,和下载安装的软件有什么区别?
它是一个在浏览器里运行的在线取色工具,打开网页就能用,不需要下载安装包,也不占用本地磁盘。核心的取色与色值换算都在你的浏览器本地完成,不依赖服务端计算,所以响应很快,也不存在「上传图片到服务器」这一步。和桌面软件相比,它牺牲的是一些系统级能力(比如全局快捷键吸色),换来的是免安装、跨设备、打开即用。
使用取色器 在线 需要注册或登录吗?会上传我的图片吗?
不需要注册,也不需要登录,不绑定手机号,没有账号体系。你上传的图片只在浏览器内存中解码处理,不会被发送到服务器,关闭页面后即释放。这也是我们坚持的设计:取色是一个本地计算动作,没有理由要求你先交出身份信息。如果你对隐私处理还有疑问,可以看 服务定位与免责声明 一节。
取到的颜色和原图看起来有差别,是我的操作问题吗?
多数情况下不是操作问题,而是色差来源本身存在。常见原因有三个:图片经过 JPEG 有损压缩,边缘像素被邻近颜色污染;屏幕本身没有校色,显示的颜色就偏了;以及屏幕 RGB 与印刷 CMYK 色域不重合。建议从原始图片或直接在屏幕上取色,并尽量选色块中心区域。更详细的排查思路写在 深度解读 里。
HEX、RGB、HSL、CMYK 我该复制哪一个?
看你要把色值交给谁。网页和 CSS 用 HEX 最方便;开发和屏幕显示用 RGB;需要调明暗和饱和度时用 HSL,改起来最直观;涉及印刷打样则参考 CMYK,但最终以印厂打样为准。四种格式在站内同屏显示,可以对照着看,不必来回换算。
这个站点是官方工具吗,内容多久更新一次?
取色器 在线 是由 quseqi.cn 独立维护的工具与内容站点,不是任何设计软件厂商的官方产品,也不代表任何第三方机构。工具逻辑保持稳定,内容部分按实际使用反馈持续更新,页面顶部的更新时间会随内容调整而变动。我们不对外宣称无法核实的资质或合作,这一点在 免责声明 中有明确说明。
发现内容有误或涉及版权问题,怎么反馈?
发邮件到页面底部「联系我们」里列出的版权投诉邮箱即可,请在邮件中说明具体页面、问题描述和你的联系方式。我们承诺在 48 小时内给出首次回复。对于内容纠错,我们会核对后直接修订;对于版权主张,我们会先下架相关展示再行沟通,避免争议扩大。
我们做什么,不做什么
把边界写在前面,比事后解释更省事。以下几条是本站的定位与处理原则,请在使用前了解。
- 本站是信息导航与内容整理类站点,提供在线取色工具与色彩相关知识内容,不托管、不上传、不代理任何文件或流媒体,与任何设计软件厂商均无官方隶属关系。
- 站内引用的色彩标准、术语定义与行业通识,来源于公开的技术文档与标准组织发布内容,版权归原作者所有;我们只做整理与转述,不主张原创权利。
- 如你认为本站某段内容或某张配图侵犯了你的合法权益,请通过页面底部列出的版权投诉邮箱联系,我们承诺在 48 小时内给出首次回复,并先行处理争议内容。
- 本站不展示无法核实的数据、评分与排名,也不提供盗版、破解或侵权内容的获取路径;工具与内容均以合法合规为前提。
- 未成年人使用本站工具时,建议在监护人指导下进行;涉及个人信息的截图请自行做好遮挡处理,不要上传含敏感信息的图片。
- 站内所有色值换算结果仅供参考,最终以你的设计稿、代码环境或印厂打样为准;因直接套用色值造成的偏差,本站不承担相应责任。
有问题,直接写信给我们
我们是一个三人小团队,没有庞大的客服系统,邮件通常由编辑本人回复。工具使用中的问题、内容纠错、配色方法上的讨论,都欢迎写过来;涉及版权的主张请直接发到版权投诉邮箱,会走单独的处理流程。
如果你只是想快速取一个颜色,其实不必联系我们——回到首页,工具就在那里,打开即用。这一页存在的意义,是让你知道背后是谁在维护它。
返回首页,立即取色 →