[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"content-seo:colorPaletteExtractor":3},{"description":4,"seo":5,"faq":8},"这款在线图片取色器只需一张照片：自动提取5、6、8或10个主色，标出每种颜色在画面中的占比（%），并给出HEX、RGB、HSL颜色代码。所有处理都在浏览器里完成，图片不会发送到服务器。支持JPG、PNG、HEIC、WebP，可以选择文件、拖入或用Ctrl+V粘贴。\n\n只想知道某一点的颜色？直接点击图片上的位置，就像吸管一样取色，并取周围3×3像素的平均值，不会被单个杂色像素带偏。取到的颜色同样显示HEX、RGB、HSL，点一下代码即可复制；还能一键复制整套配色的HEX代码，提取Logo或截图的颜色代码很省事。\n\n和只给色值的工具不同，这里会为每种颜色匹配颜色代码大全52种命名颜色中最接近的一个，一眼看出那抹蓝更接近藏青还是青绿，并可跳转到该颜色的详情页查看相近色。占比%能看出哪个是主色、哪个是点缀色，做网页、PPT、科研图片配色或情绪板时，连配色比例都能参考。\n\n主色是怎么算出来的？先把图片长边缩小到200像素，再用中位切分法（median cut）的变体把相近颜色聚类，每一类的平均色就是一个主色。结果可保存为1200×630的PNG配色卡，包含色带、HEX代码和占比，方便分享或放进设计稿。",{"ogTitle":6,"ogDescription":7},"图片取色器 | 在线提取图片配色与颜色代码 - Giggleus","🎨 放入照片即可提取5～10个主色，附占比%、HEX·RGB·HSL代码和最接近的颜色名，全程在浏览器完成，不上传服务器。",[9,12,15,18,21],{"question":10,"answer":11},"怎么提取图片里的颜色？","把照片拖进本页或点击选择，再从5、6、8、10个中选择主色数量，配色马上生成。每种颜色都会显示占比%和HEX、RGB、HSL代码，点击代码即可复制。支持JPG、PNG、HEIC、WebP格式。",{"question":13,"answer":14},"图片会上传到服务器吗？","不会。图片的读取和分析全部在浏览器内完成，不会发送到任何服务器。用Ctrl+V粘贴的截图也不会离开你的设备。",{"question":16,"answer":17},"怎么识别图片中某一点的颜色代码？","点击图片上想取色的位置即可。工具会取该点周围3×3像素的平均色，显示HEX、RGB、HSL代码和最接近的颜色名称，即使是有压缩噪点的图片，结果也很稳定。",{"question":19,"answer":20},"颜色旁边的百分比是什么意思？","表示这一类颜色在图片中所占的比例。工具先把图片长边缩到200像素，用中位切分法的变体把相近颜色归为一类，再按每类大小换算成%。数值越大越是主色调。PNG Logo的透明背景等透明像素不计入，因此占比只按可见部分计算。",{"question":22,"answer":23},"提取的配色可以保存成图片吗？","可以。保存后得到1200×630的PNG，包含色带、HEX代码和占比，尺寸适合社交分享卡片和幻灯片。也可以一键复制全部HEX代码。"]