图片取色与色彩报告
上传图片后提取主色、色彩占比、色环分布、蜂窝色板和中国传统色近似名称，并可导出分析结果。核心计算在浏览器本地完成。
怎样得到更集中的主色？
优先选择主体明确、光线稳定、没有大面积复杂纹理的图片。裁掉无关背景后再分析，通常能得到更有代表性的配色。
关于 in5配色网
一个围绕取色、配色、转换、检测与色彩资料建立的免费在线工具网站。这里集中说明网站定位、全部功能、数据边界和常见问题。
网站简要说明
in5.cn 是由匠大维护的中文配色工具网站，服务设计师、内容创作者、开发者、学生和色彩爱好者。网站希望把寻找灵感、提取颜色、生成配色、转换代码、检查可读性和查询色彩资料连成一条清晰的工作流：无需注册，打开页面即可使用，并尽可能让图片与颜色计算留在本地浏览器完成。
17 项工具与资料入口
免费公开功能无需注册
本地优先图片取色不上传原图
响应式电脑与手机均可使用
取色与智能分析
图片取色工具
提供更专注的图片主色提取流程，可查看颜色比例、复制色值，并把结果继续用于配色方案。
图片支持哪些格式？
浏览器通常支持 JPG、PNG、WEBP 等常见格式；能否读取 HEIC 等格式取决于设备和浏览器。
屏幕取色器
通过浏览器吸管读取屏幕任意位置的颜色；不支持 EyeDropper 接口时，也可以上传截图后点选颜色。
为什么点击开始取色没有反应？
系统吸管主要由桌面版 Chrome、Edge 等 Chromium 浏览器支持。其他浏览器可使用页面中的截图取色方式。
AI 灵感配色
输入场景、情绪、季节或设计主题，生成七色拼色色板、传统色名称和可复制 HEX 色值，适合创意前期探索。
怎样写提示词效果更好？
把用途、氛围、受众和限制写清楚，例如“面向年轻人的夏季茶饮品牌，清爽、自然，避免高饱和红色”。不要输入个人信息或商业机密。
配色与色带生成
配色方案生成器
选择一个主色，按互补、类似、三角、分裂互补、四方或单色规则生成五色方案，并提供界面预览和代码导出。
不同配色规则怎么选？
类似色和单色较稳妥；互补色对比最强；三角、四方更丰富；分裂互补兼顾对比与可控性。实际应用还要调整明度和面积比例。
渐变色生成器
设置 2–5 个色标，生成线性、径向或锥形渐变，可复制 CSS，也可导出 1920×1080 PNG 背景。
为什么有些渐变中间发灰？
浏览器默认在 sRGB 中插值，互补色的中间值容易接近灰色。打开 OKLab 平滑过渡可获得更自然的视觉变化。
色阶生成器
从一个品牌主色生成 50–950 共 11 级色阶，同时标出黑白文字对比度，可导出 CSS、Tailwind、SCSS 或 JSON。
主色一定在 500 级吗？
不一定。工具会把原色放在明度最接近的等级，保持主色不变，再围绕它生成其余深浅级别。
地图与分析图配色
为专题地图、热力图和数据分析图生成顺序、发散或分类色带，支持 3–9 级与色觉可辨性检查。
顺序、发散和分类色带有什么区别？
顺序色带表达数值多少；发散色带表达相对中点的正负或高低；分类色带表达没有大小关系的不同类别。
颜色代码转换
HEX 转 RGB
把三位或六位十六进制颜色转换为 RGB，同时显示 HSL、CMYK 和最接近的中国传统色，支持批量输入。
三位 HEX 是什么？
#3AF 是 #33AAFF 的简写，每一位重复一次后再分别转换为红、绿、蓝三个通道。
RGB 转 HEX
把 0–255 范围的红、绿、蓝通道值转换为网页常用的六位十六进制色值。
HEX 使用大写还是小写？
两者表示完全相同的颜色。本站统一输出大写只是为了提高阅读一致性。
RGB 转 CMYK
把屏幕 RGB 颜色换算为通用 CMYK 百分比，便于印刷设计初步沟通。
为什么结果和 Photoshop 不同？
专业软件会依据 ICC 配置文件、纸张和油墨条件换算；本站采用不依赖配置文件的通用公式，因此只能作为参考。
HSL 转 HEX
把色相、饱和度、明度转换为 HEX 和 RGB，适合前端开发与按色相、明暗调整颜色。
为什么转换回来可能差 1？
HEX 最终对应整数 RGB，往返换算会发生四舍五入，数值可能有轻微差异，但视觉上通常无法察觉。
可读性与无障碍检测
色彩资料与灵感库
中国传统色
集中查询传统色名、拼音、HEX、RGB、CMYK、释义和参考来源，并通过独立详情页继续比较相近颜色。
传统色能直接用于印刷吗？
数字色值适合屏幕参考。印刷结果受纸张、油墨、工艺和配置文件影响，正式生产前应使用标准样张或实物打样。
配色案例库
收录国内外电影海报、照片、绘画、卡通动漫和概念设计等案例，从真实视觉作品中观察主色、辅助色和面积关系。
案例色值为什么和原图可能略有不同？
颜色提取会受到图片压缩、缩放、色彩配置和聚类算法影响，案例用于发现配色关系，不等同于原作者的标准色规范。
颜色详情与近似传统色
输入或点击一个颜色后查看 HEX、RGB、CMYK 参考值、最接近的中国传统色，以及包含相近颜色的案例。
近似度代表权威色彩归属吗？
不是。近似度是数字颜色距离的计算结果，只说明数值接近程度，不代表文化命名、历史来源或材料颜色完全相同。
数据、算法与使用边界
颜色提取、色彩距离和格式转换都属于计算结果。相同图片可能因压缩、裁切、色彩配置和算法参数产生不同结果；中国传统色也不存在覆盖所有文献、材料与工艺的唯一数字标准。本站尽量说明方法和适用范围，但不把参考值描述成权威认证。
正式印刷、品牌标准、医疗辅助、交通安全和其他高风险场景，应结合专业软件、校色设备、标准文件、实物打样及专业人员意见。站内案例中的作品名称与图像权利归原权利人所有，本站整理的色彩分析仅用于学习、研究与设计参考。
隐私、广告与联系
图片类工具通常在浏览器本地处理；AI 配色需要把文字描述发送到服务器和第三方 AI 服务。网站使用访问统计，并可能通过第三方广告服务维持运营。具体的数据类型、Cookie、退出个性化广告方式和用户选择，请阅读隐私政策。
如需反馈错误、建议新增工具、申请更正或删除与您有关的信息，可通过公众号【匠大AI】联系。请提供相关页面地址和必要说明，但不要发送账号密码、身份证件、未公开商业资料或其他敏感信息。
常见问题
in5配色网是免费的吗？
目前站内公开的配色、取色、转换和检测工具均可免费使用，不要求注册。AI 配色为控制服务成本设置了每日使用次数。
使用图片取色会上传原图吗？
首页图片取色、图片取色工具和色盲模拟中的图片处理主要在浏览器本地完成，本站不会接收或保存原图。AI 配色是文字生成服务，输入的文字会发送到服务器及第三方 AI 服务处理。
为什么同一种颜色在不同设备上看起来不同？
显示器、手机屏幕、亮度、环境光、浏览器色彩管理和 ICC 配置都会影响颜色显示。重要品牌与印刷项目应使用校色设备、标准色卡和实物打样确认。
网站生成的配色可以直接用于商业项目吗？
工具生成的数值和方案可作为设计参考与创作起点，但最终使用者仍应检查品牌规范、对比度、输出介质以及相关素材的权利状态。
中国传统色的色值是唯一标准吗？
不是。同一色名会因时代、文献、材料、染料、工艺和数字化方法不同而出现多个色值。本站给出的 HEX、RGB 和 CMYK 主要用于屏幕设计参考。
如何联系或反馈问题？
可通过页面底部的公众号【匠大AI】联系，反馈时请附上页面地址、设备与浏览器信息，以及能够复现问题的操作步骤。