如何用十六进制颜色生成和谐配色

输入十六进制 RGB 颜色并选择和谐类型，即可查看规范化基础色和生成色。颜色或类型留空时，会分别使用默认颜色 #3498db 和互补关系。

先了解输入与默认值

这个工具以十六进制 RGB 颜色为基础，按照选定的色彩关系生成配色参考。它适合在已经确定主色后，快速比较互补、相似、三色、分裂互补和四色等不同方案。

颜色和和谐类型都是可选输入。两项都留空时，工具使用默认颜色 #3498db 和互补关系；只填写其中一项时，另一项仍按相应默认值处理。这样可以先快速查看默认结果，也可以输入自己的品牌色或界面主色进行比较。

操作步骤：输入颜色并选择配色关系

1. 在颜色输入中填写十六进制 RGB 值，例如 #3498db。输入时可以省略开头的 #，工具会自动补上；三位十六进制值会扩展为六位格式。因此，3498db 和带有开头 # 的写法都属于同一类输入格式。
2. 选择一种和谐类型：互补色 complementary、相似色 analogous、三色和谐 triadic、分裂互补 split_complementary 或四色和谐 tetradic。如果不选择，使用互补关系。
3. 提交输入并查看结果。对于已识别的和谐类型，结果会同时包含规范化后的基础色，以及按照所选关系生成的颜色。
4. 如果要比较配色关系，先固定同一个基础色，再逐项更换和谐类型。记录每种结果中的基础色和生成色，便于比较颜色数量、色相变化和显示格式。
5. 使用结果时，优先确认基础色是否是自己要处理的颜色，再查看生成色。若只想快速获得一组对照色，可以保留默认互补关系；若想观察多种方向，则依次查看其他已识别类型。

如何阅读生成结果

结果中的基础色是规范化后的输入颜色，生成色则按照所选和谐关系计算。互补色会把输入色相移动 180 度，同时保留输入颜色的饱和度和明度。相似色会分别把色相移动 -30 度和 +30 度，并使用输入明度的 90%。

三色和谐会把色相移动 120 度和 240 度，结果包含基础色在内的四个和谐条目。分裂互补会移动 150 度和 210 度；四色和谐会移动 60 度、180 度和 240 度。不同关系的色相移动方式不同，所以不应只根据生成颜色的数量判断配色效果。

生成的 RGB 通道会四舍五入，并限制在 0 到 255 的范围内，最后显示为带 # 的六位小写十六进制颜色。显示值是经过这种格式化后的结果，适合用于记录和继续比较；如果需要复核某个方案，应同时保留所用的基础色和和谐类型。

使用示例

设计师想从蓝色主色 3498db 快速查看它对应的互补配色。

在颜色输入中填写 3498db，选择互补色并提交，然后查看基础色和生成色。

结果包含规范化后的基础色和互补关系生成的颜色；生成颜色以带 # 的六位小写十六进制格式显示。

使用限制

• 生成颜色会经过 RGB 通道四舍五入和 0 到 255 范围约束，并以带 # 的六位小写十六进制格式显示；显示结果不保留无限精度。

常见错误

• 把颜色名称、带透明度的写法或其他非十六进制形式当作输入。请改用十六进制 RGB；三位十六进制值可以使用，开头的 # 也可以省略。

常见问题

可以不写颜色前面的 # 吗？

可以。颜色会按十六进制 RGB 解析，缺少开头的 # 会自动补上，三位十六进制值会扩展为六位。

不输入任何选项时会使用什么？

如果颜色和和谐类型都不填写，工具使用 #3498db 和互补关系；只填写一项时，未填写的另一项使用相应默认值。

支持哪些配色和谐类型？

可以选择互补色、相似色、三色和谐、分裂互补或四色和谐。选择已识别的类型后，结果会返回规范化基础色和对应生成色。