邻近色和谐自然、互补色对比强烈、单色层次分明，配合 HSL 微调可以生成完整的配色方案。以下简要介绍调色板类型、配色原理与本地浏览器处理机制，帮助您更高效地使用本工具。
邻近色（Analogous）基于色环上相邻色相（约 ±30°）生成颜色。特点是视觉和谐自然、过渡平滑，常用于页面背景、卡片渐变等大面积配色。邻近色的局限是对比度较低，文字可读性会受影响。
互补色（Complementary）选择色环上正对面的两个颜色（相差 180°）。特点是对比强烈、视觉张力大，常用于主色 + 强调色的搭配（例如蓝色主色 + 橙色强调色）。纯互补色相邻使用时视觉效果过于刺激，建议以一个为主色、另一个作为点缀。
单色（Monochromatic）基于同一色相、变化饱和度与亮度生成配色。特点是层次分明、视觉统一、容错性强，特别适合新手快速生成可用配色。一个典型的单色调色板包含：高饱和主色 + 低饱和背景色 + 更亮/更暗的辅助色。
随机色（Random）不遵循特定配色规则，随机生成一组颜色组合。虽然缺乏理论基础，但在"寻找灵感"时非常有效——你可能会发现意想不到的和谐组合。使用建议：先通过随机色找灵感，再用 HSL 微调锁定最终方案。
HSL 的优势在于它与人类感知的颜色维度对齐：色相（Hue）确定"是什么颜色"，饱和度（Saturation）确定"颜色鲜艳程度"，亮度（Lightness）确定"颜色有多亮"。这让 HSL 特别适合"基于一个主色、调节其他参数"的调色流程。
常用 HSL 调节技巧：需要 "hover 态更亮" 时，调高 Lightness 约 10%~15%；需要 "active 态更暗" 时，调低 Lightness 约 8%~12%；需要 "禁用态变灰" 时，调低 Saturation 至 10%~20%；需要 "生成背景色" 时，降低 Saturation 至 5%~20% 并提高 Lightness 至 90%~97%。
颜色锁定功能解决了"反复生成后失去满意颜色"的问题。当你找到一个满意的颜色后，点击"锁定"按钮，后续生成新调色板时该颜色会被保留。这意味着你可以逐一定义主色、辅助色、中性色——每次只调节未锁定的部分。推荐使用流程：先确定主色并锁定 → 再基于主色生成辅助色并锁定 → 最后生成剩余中性色。
从图片中提取配色是设计师常用的灵感来源方法。一张摄影作品往往包含精心调配的配色（金色黄昏、蓝色海岸、绿色森林）——这些自然存在的配色具有高度和谐性。上传图片后，工具通过 K-means 聚类算法在颜色空间中寻找"代表色"，提取出最常出现的几种颜色作为你的调色板。
K-means 聚类取色原理：首先将图片中所有像素（去除过暗过亮和过灰的像素）收集到一个颜色列表中；然后将颜色列表聚类为指定数量的组（K 组），每组的中心值就是一个"代表色"；最后按每组的像素数量从多到少排序输出。这确保提取出的颜色既代表画面主色调，又兼顾多样性。
数据安全：图片取色涉及到用户上传的图片——这些图片可能包含未发布的品牌视觉规范、客户产品设计截图等。本工具的核心设计原则是 "100% 在本地浏览器运行"。所有图片读取、像素分析、K-means 聚类、颜色计算——全部在你自己的浏览器中完成，页面本身不向后端发送任何与输入内容相关的请求。
对于包含高度敏感信息的图片（例如尚未发布的产品截图），我们仍建议你在断开网络的受控环境中操作，或在工具使用完成后关闭浏览器标签页。安全无小事。