图像颜色提取器
从任何图像中提取主色和调色板。
把任意图片变成可用的配色方案
概述
图片颜色提取器分析图片,将其主色作为可直接使用的代码(HEX、RGB、HSL)返回,用于设计和品牌工作。逐个用吸管取色既慢又会漏掉真正定义图片氛围的颜色。这款工具对整张图片采样并在浏览器中聚类为代表性配色,无需上传,因此即使未发布的产品图或私密品牌资产也留在你的设备上。
使用步骤
- 1
拖入图片
照片、logo、截图、插画都可以。分辨率越高,配色越具代表性。
- 2
查看配色
主色和点缀色连同 HEX、RGB、HSL 值一并显示。
- 3
复制所需代码
点击色块复制其代码,再粘贴到你的 CSS、设计工具或品牌指南。
工作原理
图片被绘制到画布上并读取为原始 RGB 像素。聚类算法按出现频率加权,将数百万像素归并为一组代表色,生成主配色加点缀色。每个色块都带可直接复制的 HEX、RGB、HSL 值。所有处理都在像素数据上本地进行,因此原图绝不会被传输。
什么时候用
构建与所选照片协调的网站或幻灯片主题。从 logo 提取精确的品牌色。为插画或 UI 原型创建协调配色。从灵感照片生成情绪板。从产品图中挑选无障碍的文字与背景组合。让 CSS 渐变或图表颜色匹配图片色调。
常见问题
它们是书写同一颜色的三种方式。HEX(#3b82f6)简洁,在 CSS/设计工具中常见。RGB 列出红/绿/蓝通道。HSL(色相、饱和度、亮度)最便于手动制作浅色和深色。