首页 / 调色板提取工具
调色板提取工具
直接从任意照片中提取配色方案。
采样真实像素,而非预设色库
图片会被绘制到一个小的离屏画布上,并通过Canvas API的getImageData()直接读取原始像素数据。相似的颜色会被归入同一个桶中,像素数最多的那些桶就成为你提取出的调色板——每次都基于实际照片生成。
HEX、RGB与一键复制
每个色块都会显示它的HEX代码、RGB数值以及在图片中的占比,并提供一键复制按钮,方便你把颜色直接粘贴到设计工具、CSS或品牌样式指南中。
常见问题
工具是怎么判断哪些颜色是"主色调"的?
它会对图片进行下采样,读取每个采样像素的颜色,并将相似颜色归入同一个桶中(一种简单的颜色量化技术)。每个桶的平均颜色及其占总采样像素的比例构成一个色块——像素数最多的桶就是最主要的颜色。
为什么换一张照片调色板会有细微变化?
因为这些颜色桶都是根据该图片的实际像素数据重新构建的——调色板反映的是你照片中真实存在的颜色,而不是通用预设,所以不同照片自然会得到不同的结果。
可以选择提取多少种颜色吗?
可以——选择5、8或12个色块。色块越多能捕捉到越细腻的颜色变化;色块越少则能得到更简洁、更适合设计工作使用的核心配色方案。
提取出的调色板可以用来做什么?
常见用途包括为设计或网站挑选搭配的配色方案、制作情绪板,或者确保放在照片上的文字和UI元素与主色调之间有足够的对比度。