一键随机基准色
不想自己配色时，可以直接随机出新的基准色，再继续延展整套方案。
HEX、RGB、HSL 同步查看
每个颜色都能直接看到常用格式，方便复制到设计稿、代码和文档里。
多种配色模式
支持单色、邻近色和互补色，适合快速试不同风格。
颜色方案 · 本地生成
随机基准色或自定义颜色都能生成调色板
适合随机找灵感、延展主题色、制作按钮状态色和快速试配视觉方案。支持单色、邻近色和互补色。
#0848AF
rgb(8, 72, 175)
hsl(217, 91%, 36%)
#0B60EA
rgb(11, 96, 234)
hsl(217, 91%, 48%)
#3C83F6
rgb(60, 131, 246)
hsl(217, 91%, 60%)
#77A8F9
rgb(119, 168, 249)
hsl(217, 92%, 72%)
#B1CEFB
rgb(177, 206, 251)
hsl(216, 90%, 84%)
已生成默认调色板。
工具使用说明
怎么用 随机颜色生成器
随机或输入基准色
可以手填颜色值，也可以直接点随机基准色找灵感。
选择模式和数量
按需要切换单色、邻近色或互补色，并调整输出数量。
复制颜色结果
选中合适方案后，直接复制 HEX、RGB、HSL 或 CSS 变量继续使用。
功能说明
这个工具解决什么问题
随机颜色生成器适合什么场景
适合页面主题、按钮状态色、海报草稿和品牌视觉灵感探索。
先快速生成一批颜色候选，再挑出合适的一组继续细调，会比从零试配色更高效。
为什么做成本地工具
配色试验本身不依赖服务端，浏览器本地就能完成随机、换算和复制。
本地生成也更适合频繁试颜色，不需要等待接口返回。
常见问题
关于 随机颜色生成器，用户常问这些
随机颜色生成器会上传颜色数据吗？
不会，颜色生成和格式换算都在浏览器本地完成。
可以不用随机，直接输入自己的颜色吗？
可以，支持直接输入或选择自定义基准色。
能复制 CSS 变量吗？
可以，页面支持直接复制整组颜色的 CSS 变量。
适合前端和设计一起用吗？
适合，设计可以先挑方向，前端可以直接复制颜色值落代码。