配色生成器
从任一基准色生成明暗阶与色彩调和配色。
选择基准色，立即生成同色系的明暗阶，以及互补色、邻近色、三等分色与四等分色的调和配色。可一键复制任一 HEX。所有运算均在浏览器中完成。
此浏览器不支持屏幕取色，请用取色器或粘贴 HEX 色码。
色码
最接近的命名色
Royal Blue
#4169e1 · Δ 30.33
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)调色板与配色
明暗阶
互补色
类比色
三分色
四分色
点任一色块即可设为主色。
混色器
混合比例: 50% / 50%
混合结果
#8d51a5使用色板选择器、取色器，或直接输入 HEX、RGB、HSL 数值来选择基准色，然后向下滚动即可看到由该颜色即时生成的明暗阶，以及互补、邻近、三等分、四等分的调和配色行。点击任一色块即可将其 HEX 色值复制到剪贴板。
公式与方法
明暗阶固定色相与饱和度、改变明度。调和配色以色轮旋转色相：互补 180°、邻近 ±30°、三等分 120°、四等分 90°。
示例
- #2563eb → 蓝色阶＋互补橙色与三等分配色
常见问题
什么是色彩调和？
一组在色轮上具有固定关系（例如互补或三等分）的颜色，搭配起来通常较为协调。
互补色和邻近色有什么区别？
互补色位于色轮上相对的位置，对比强烈，适合用在按钮或需要突出的重点色；邻近色彼此相邻，看起来柔和协调，适合用在背景或渐变。
什么时候该用三等分色或四等分色？
三等分色由三个等距色相组成，鲜明又不失平衡；四等分色由两组互补色搭配而成，色彩变化最丰富，但建议挑一个主色、其余作为点缀，避免显得杂乱。
可以直接复制色值吗？
可以，点击明暗阶或调和配色行中的任一色块，即可立即把该颜色的 HEX 色值复制到剪贴板。
这个工具会保存我的配色吗？
不会，所有计算都在你的浏览器本地完成，不会保存或上传任何数据，离开页面前请自行复制色值或截图保存。
隐私
所有运算都在您的浏览器本地完成，数据绝不会上传。