如何生成和谐的调色板
输入基础颜色、调色板类型和数量,即可生成协调的颜色组合。支持单色、互补色、类似色和随机四种类型。
先了解输入与用途
颜色搭配不必从零开始猜测。这个工具会根据一个基础颜色、调色板类型和颜色数量,生成协调的颜色组合,适合在确定主色后快速探索配色方向。你可以使用单色、互补色、类似色或随机调色板来比较不同方案。
使用时,基础颜色决定配色的出发点,调色板类型决定颜色之间的关系,数量则决定结果中包含多少种颜色。如果省略这些输入,工具会使用默认基础颜色 #3498db、单色类型和 5 种颜色。
生成调色板的步骤
- 在基础颜色输入中填写十六进制颜色,例如
#3498db。如果输入时省略开头的#,工具会自动补上;三位十六进制颜色也会在解析前扩展为六位形式。 - 选择调色板类型:单色、互补色、类似色或随机。前前三种类型围绕基础颜色形成对应的配色关系,随机类型则用于探索变化更大的方案。
- 输入需要的颜色数量,然后执行生成。数量会先转换为整数,并限制在 3 到 12 之间;如果无法转换,则回退为 5。对于已识别的调色板类型和有效数量,结果会包含归一化后的对应数量。
- 查看生成的颜色列表,并记录适合当前设计的颜色。若想比较随机方向,可以再次生成,因为随机类型每次可能得到不同颜色。
如何理解生成结果
结果中的颜色采用带 # 的小写六位十六进制格式,例如 #3498db 这样的表示方式。颜色通道会取整,并被限制在 0 到 255 的范围内,因此可以直接按十六进制颜色值读取。
单色、互补色和类似色适合围绕已知主色查看协调变化;随机类型不保证重复生成相同的颜色组合。若基础颜色无法解析,工具会返回错误提示而不是颜色列表;调色板类型未被识别时也会返回错误提示。遇到这两类情况,应先检查颜色格式或重新选择受支持的类型。
使用示例
为一个以蓝色为主的页面探索类似色方案时,使用 #3498db 生成 5 种颜色。
输入基础颜色 #3498db,选择类似色类型,将数量设为 5,然后执行生成并查看颜色列表。
生成结果应为包含 5 个颜色值的列表,每个值均为带 # 的小写六位十六进制颜色格式。
使用限制
- 数量只按归一化后的 3 到 12 处理;无法解析的基础颜色或未识别的调色板类型不会生成颜色列表。
常见错误
- 基础颜色无法解析时不会生成调色板。请改用可解析的十六进制颜色,并确认颜色值使用正确的格式。
常见问题
不填写参数时会使用什么默认值?
如果省略输入,工具会使用 #3498db 作为基础颜色、单色作为调色板类型,并生成 5 种颜色。
可以生成多少种颜色?
数量会先转换为整数,再限制在 3 到 12 之间;无法转换时会使用 5。
随机调色板每次都会相同吗?
随机类型使用随机数选择色相、饱和度和明度,因此重复生成可能得到不同颜色。