互补色
适合行动按钮、高对比强调和更有冲击力的品牌视觉。
找到和谐搭配
色轮
基于互补色、邻近色、三角色、分裂互补色、四角色和单色规则，从一个基础色生成完整配色，并复制 HEX、RGB、HSL、CSS 变量或 Tailwind 友好的数值。
色轮
颜色调整
210°
80%
50%
和谐类型
色轮上相对的颜色，对比最强，适合醒目的强调。
生成的配色
#197FE6rgb(25, 127, 230)hsl(210, 80%, 50%)oklch(0.6 0.179 254)#E68019rgb(230, 128, 25)hsl(30, 80%, 50%)oklch(0.7 0.161 58)
可以尝试的和谐配色
邻近色配色
适合平静界面、自然主题和统一感更强的背景层次。
三角色与四角色
适合仪表盘、插画、编辑排版和需要多色系统的项目。