颜色提取器

概述

配色提取器分析图片,将其主色作为可用调色板返回——可直接用于设计的 hex 代码。无论是让品牌匹配某张照片、制作情绪板,还是围绕主视觉图为网站定制主题,手动用吸管取色都既慢又不准。这款工具对整张图片采样,把像素聚类为真正定义其外观的少数几种颜色,全部在浏览器中处理。

使用步骤

1. 1

   拖入图片

   照片、logo、截图、插画都可以。分辨率越高,调色板越具代表性。

2. 2

   查看提取的调色板

   主色与点缀色连同 hex 和 RGB 值一并显示。

3. 3

   复制所需代码

   点击色块复制其 hex,放入你的 CSS、设计工具或品牌指南。

工作原理

图片被绘制到画布上,像素被读取为 RGB 值。聚类算法(median-cut 或 k-means 类方法)按出现频率加权,将数百万像素归并为一组代表色。结果是主调色板加点缀色,每个都带可复制的 hex 与 RGB 代码。由于在本地处理原始像素数据,源图片不会被上传。

什么时候用

构建与所选照片协调的网站或幻灯片主题。从 logo 图片提取品牌色。为插画或 UI 原型创建协调的调色板。从灵感照片生成情绪板。从产品图中挑选无障碍的文字/背景组合。匹配主视觉图色调的 CSS 渐变。

常见问题