调色板生成器

从图片中提取调色板涉及分析图片的像素数据以识别最具视觉显著性的颜色。过程首先从图片中采样像素（不是每个像素，而是性能考虑的代表子集）。每个像素的 RGB 值然后被量化以减少唯一颜色数量——这是必要的，因为照片可能包含数百万种微妙不同的颜色。量化后的颜色被计数以构建颜色直方图，最频繁的颜色被选为调色板。

我们的工具使用中位切割量化算法进行调色板提取。算法通过递归划分颜色空间工作：找到值范围最大的维度（R、G 或 B），沿该维度对像素排序，并在中位数处拆分。此过程重复直到达到所需颜色数量。结果是一组代表图片最不同颜色区域的颜色。每种颜色的频率决定其在调色板中的顺序——最主导的颜色首先出现。

对于生成的调色板（非从图片提取），工具使用基于色轮的颜色和谐规则。互补色：色轮上相对的两种颜色（相隔 180 度）。类似色：色轮上相邻的三种颜色（相隔 30 度）。三角色：均匀间隔的三种颜色（相隔 120 度）。四角色：在色轮上形成矩形的四种颜色。分裂互补色：基础色加上其互补色两侧的两种颜色。这些规则产生视觉和谐的组合，因为颜色在色轮上共享数学关系。

典型的设计调色板包括 5 种颜色：主色（主导）、次色（辅助）、强调色（用于行动号召和高亮）和两种中性色（浅色和深色背景）。60-30-10 规则建议主色用于设计的 60%，次色用于 30%，强调色用于 10%。这创建视觉平衡，同时确保强调色突出。从唤起您想要情绪的图片中提取调色板——自然照片用于大地色调，日落用于暖色渐变，城市景观用于冷蓝色和灰色。

使用提取的调色板进行网页设计时，始终测试文本和背景颜色之间的对比度比。作为色样看起来美丽的调色板在用于文本时可能无法满足 WCAG 可访问性标准。使用较浅颜色作为背景，较深颜色作为文本。如果调色板颜色不满足对比度要求，调暗或调亮它直到满足——调色板的和谐将被保留，因为色相保持不变。