[{"data":1,"prerenderedAt":184},["ShallowReactive",2],{"tool-page-image-color-picker":3},{"tool":4,"doc":35,"resolved":143,"relatedTopicEntries":159,"relatedFaqEntries":164,"howToSteps":171},{"id":5,"slug":6,"title":7,"shortTitle":7,"summary":8,"detail":9,"outputHint":10,"kind":11,"categoryLabel":12,"routePath":13,"requiresAuth":14,"requiredScore":15,"vipFreeAccess":14,"productId":16,"heroKicker":17,"accent":11,"searchKeywords":18,"capabilities":29,"accessMode":33,"detailHint":34},"image_color_picker","image-color-picker","图片取色","取色并复制 HEX \u002F RGB，便于设计配色与复现。","点选图片颜色，查看并复制 HEX、RGB 色值","选图后默认读取中心点颜色；结果区先展示空态或 HEX 主色块，再按 RGB、HSL、HSV、CMYK、坐标逐项复制，并支持复制全部色值；取色信息显示运行方式、取色状态、当前 HEX、当前 RGB、取色方式、取色处理、复制方式、原图尺寸、取样尺寸、取样限制、图片格式、文件大小和坐标规则；Web 取样画布长边限制为 4096px，坐标按原图像素显示。","local","本地工具","\u002Ftools\u002Fimage-color-picker\u002F",false,0,125,"本机处理 \u002F 图片取色",[7,19,20,21,22,23,24,25,26,27,28],"取色","颜色","色值","HEX","RGB","HSL","HSV","CMYK","坐标","本地",[30,31,32],"默认中心点","复制 HEX\u002F全部色值","取色信息","free","点选图片颜色，查看并复制 HEX、RGB 色值 · 免费使用",{"id":36,"title":37,"body":38,"canonical":124,"description":125,"draft":14,"extension":126,"faqRefs":127,"h1":37,"meta":130,"navigation":131,"path":132,"published":131,"relatedTools":133,"robots":136,"seo":137,"slug":6,"stem":139,"summary":140,"tool":6,"updatedAt":141,"__hash__":142},"tools\u002Ftools\u002Fimage-color-picker.md","图片取色在线工具",{"type":39,"value":40,"toc":115},"minimark",[41,45,49,52,77,80,98,101],[42,43,44],"h2",{"id":44},"适合哪些情况",[46,47,48],"p",{},"适合从图片里确认背景色、品牌色、按钮色、边框色、证件照底色或商品主色。取色前要先判断哪里才是稳定颜色区域，不能随手点阴影、反光或压缩噪点。",[42,50,51],{"id":51},"推荐处理顺序",[53,54,55,59,62,65,68,71,74],"ol",{},[56,57,58],"li",{},"先确定要取的颜色用途，例如背景、按钮、文字、边框或证件照底色。",[56,60,61],{},"在图片里选择颜色最稳定的区域，例如徽标中心、背景主区域或按钮平面。",[56,63,64],{},"先取一个主色点，再在同一区域取2到3个点对比。",[56,66,67],{},"避开阴影、反光、高亮、透明边缘和压缩噪点。",[56,69,70],{},"复制HEX或RGB色值后，立即记录用途，避免后续混淆。",[56,72,73],{},"回到原图核对一次，看取到的颜色是否符合视觉感受。",[56,75,76],{},"如果用于网页或设计稿，再用目标背景预览一次。",[42,78,79],{"id":79},"重点看哪里",[81,82,83,86,89,92,95],"ul",{},[56,84,85],{},"同一颜色区域的多个点是否接近。",[56,87,88],{},"白底、蓝底、红底是否因为光线导致局部偏色。",[56,90,91],{},"品牌色不要从阴影或渐变边缘取。",[56,93,94],{},"图片经过压缩后，色块边缘可能出现杂色。",[56,96,97],{},"透明边缘的颜色可能混入背景，不适合作为标准色。",[42,99,100],{"id":100},"常见错误与修正",[81,102,103,106,109,112],{},[56,104,105],{},"直接取阴影点。修正：换到亮度均匀的区域重新取色。",[56,107,108],{},"只取一个点就确定颜色。修正：同一区域取多个点对比。",[56,110,111],{},"把高亮当主色。修正：回看原图，避开反光和高光。",[56,113,114],{},"只复制色值不记录用途。修正：同时记录用途和来源图片。",{"title":116,"searchDepth":117,"depth":117,"links":118},"",3,[119,121,122,123],{"id":44,"depth":120,"text":44},2,{"id":51,"depth":120,"text":51},{"id":79,"depth":120,"text":79},{"id":100,"depth":120,"text":100},null,"从图片中提取HEX、RGB等颜色值，适合确认背景色、品牌色、按钮色和证件照底色。","md",[128,129],"image-color-picker-format","image-filter-strength",{},true,"\u002Ftools\u002Fimage-color-picker",[6,134,135],"image-filter","image-adjustment","index,follow",{"title":37,"description":138,"robots":136},"图片取色和颜色值识别方法，覆盖HEX、RGB、背景色、品牌色、证件照底色、阴影反光和多点对比。","tools\u002Fimage-color-picker","先选择稳定的取色区域，再取多个点对比，避开阴影、反光和透明边缘，减少色值误判。","2026-06-18","Xx1_R392VJQneCg3i4hf-ORa_O8WGb_kqDsxz2hWL2A",{"title":37,"description":125,"h1":37,"summary":140,"canonicalPath":13,"updatedAt":141,"breadcrumb":144,"highlights":152,"faqs":155},[145,148,151],{"name":146,"item":147},"首页","\u002F",{"name":149,"item":150},"全部工具","\u002Ftools\u002F",{"name":7,"item":13},[153,154,10],"图片取色用于点选图片颜色，查看并复制 HEX、RGB 色值。","本地工具在浏览器中处理图片，处理完成后直接下载。",[156],{"question":157,"answer":158},"图片取色应该复制 HEX 还是 RGB？","网页、设计稿和配置项通常优先复制 HEX；需要写 CSS 函数、截图标注或和样式沟通时，可以复制 RGB。选择图片后会先读取中心点颜色，HSL、HSV 和 CMYK 更适合继续做色彩分析或印刷沟通，坐标按原图像素显示。",[160],{"title":161,"to":162,"summary":163},"图片颜色怎么取 HEX 和 RGB","\u002Ftopics\u002Fimage-color-picker-hex-rgb-guide\u002F","说明需要从图片、商品图、头像或封面图中提取颜色时，如何点选颜色并复制 HEX、RGB、HSL、HSV 和 CMYK 色值。",[165,167],{"title":157,"to":166,"summary":158},"\u002Ffaq\u002Fworkflow\u002Fimage-color-picker-format\u002F",{"title":168,"to":169,"summary":170},"图片加滤镜强度调多少合适？","\u002Ffaq\u002Fworkflow\u002Fimage-filter-strength\u002F","一般先从 60% 到 80% 开始看效果。人像和证件类图片不要过度改变肤色，商品图要保留真实颜色；需要细调时再使用自定义亮度、对比度、饱和度和色温。透明图导出 PNG，其余导出 JPG，最终输出长边最多 6000px，下载前复核保存规则。",[172,175,178,181],{"name":173,"text":174},"打开图片取色","进入 图片取色 页面，直接在浏览器里选择图片。",{"name":176,"text":177},"选择图片","选择 JPG、JPEG、PNG、WEBP 图片，页面会默认读取中心点颜色。",{"name":179,"text":180},"点按或拖动取色","在图片上点按或拖动到目标位置，查看对应的 HEX、RGB、HSL、HSV、CMYK 和坐标。",{"name":182,"text":183},"复制色值","优先复制 HEX；需要样式标注或设计沟通时，可复制全部色值。",1781797967162]