颜色选择与配色

选一个主色，查看 HEX / RGB / HSL，生成常用配色方案，并直接改成可复制的 CSS 渐变。

主颜色

HEX

支持 3 位或 6 位十六进制，例如 #f60。

RGB rgb(99, 102, 241)

HSL hsl(239, 84%, 67%)

配色方案

配色结果

点击色块复制 HEX

起始色

结束色

角度：135°

background: linear-gradient(135deg, #6366f1, #22d3ee);

· 「类似色」在主色两侧偏移色相，适合做柔和的界面配色；「互补色」对比强，适合强调按钮或图表。

· 所有色块都可以点击复制 HEX；渐变代码使用标准 CSS linear-gradient，可直接粘贴到样式表。

· 颜色换算与配色生成都在浏览器本地完成，不会上传你选择的颜色。