使用色彩有代表性的清晰图片,以获得更实用的调色板。
从图片提取配色
选择 JPG、PNG 或 WebP 图像并提取其主色。
配色提取原理
相似的像素按频率分组和排名,以创建实用的主导调色板。
配色提取原理
提取的调色板中包含哪些颜色?
调色板强调主要的可见颜色,而不是列出每个像素值。相似的像素被分组,代表性颜色按频率排名,这使得输出对于主题、参考、插图和设计探索都很实用。大背景通常比小口音更重要,即使口音更能吸引人们的注意。结果是图像的摘要,而不是完整的颜色库存或完成的设计系统。选择要保留的样本时,将预览和源图像一起使用。
透明度如何影响调色板提取?
完全透明的像素将被忽略,因为它们不提供可见的源颜色。半透明像素仍然可以根据其存储的颜色和可见性影响代表性结果。因此,为深色背景设计的徽标可以生成在白色预览时看起来不同的样本。如果最终调色板将用于特定背景,请首先在该上下文中合成或预览图像,然后在分配调色板角色之前检查对比度和边缘颜色。
为什么调色板会与我首先注意到的颜色不同?
提取器根据相似色调分组后颜色占据图像的多少对颜色进行排名。人类的注意力还受到对比度、饱和度、主题重要性、面孔和背景的影响,因此小的明亮口音可能会比大的静音墙感觉更突出,但按像素频率排名仍然较低。渐变、阴影、光照、压缩噪声、抗锯齿和许多接近相同的色调都可以改变代表。将输出视为测量的起点,并根据设计目标进行调整。
如何将图像调色板转变为可用的设计调色板?
首先分配角色,而不是平等地使用每个提取的样本。选择背景、主要文本颜色、表面颜色、主要强调和可选的次要强调。当图像不能提供足够的分离时,删除近似重复项并调整亮度或饱和度。使用对比度检查器测试文本和基本图形,检查灰度调色板,并预览真实组件而不是孤立的色片。一张有吸引力的照片可以包含在图形上可以协同工作的颜色,但在用于小文本或控件时会失败。
哪个源图像提供了最有用的调色板?
选择代表您希望调色板表达的情绪、灯光和主题的图像。当不相关的边框、屏幕截图、水印或大背景不应该占据主导地位时,将其剪掉。首选没有严重色偏、重滤镜、压缩伪影或混合照明的光源,除非这些效果是故意的。对同一张照片进行不同的编辑可以产生不同的调色板。为了获得一致的项目,从受控参考图像中提取,记录选择的十六进制值,然后跨屏幕测试它们并打印样本。