配色与随机颜色生成
色轮调色，生成互补色、三色、类似色或随机色板，锁定拖动排序并导出PNG/JSON。
配色与随机颜色生成
请使用支持Worker和离屏画布的现代浏览器及安全连接。
选择规则与基准色，点击生成配色开始。
锁定颜色在重新生成时保持不变。拖动手柄或使用前移/后移按钮排序。
色轮
左右键调色相，上下键调饱和度。
选中色值
内容仅在当前浏览器处理；只报告状态、耗时、色卡数量和复制/下载动作，不发送色值。最多10色，保留40步撤销。
处理内容只保存在当前页面内存，关闭页面或清空后无法恢复。
工具介绍
创建互补色、三色搭配、类似色、随机色板或随机单色。色轮和HSL滑块调整基准色；锁定保留已有颜色，拖动手柄或按钮排序，撤销/重做恢复色板。支持HEX/RGB/HSL复制，以及PNG和JSON下载。
使用步骤
- 选择规则和色数，点击色块选择基准色，或使用色轮、滑块。点击生成配色；随机模式无需基准色。
- 选择色卡查看色值。锁定需要保留的颜色，拖动手柄或前移/后移排序；撤销/重做恢复上一步。
- 复制单个颜色或全色板，下载同一快照的PNG/JSON。清空或离开释放页面内容。
常见问题
支持哪些色值？
支持不透明sRGB：3/6位HEX，rgb(0–255整数,整数,整数)，hsl(色相,饱和度%,明度%)。饱和度/明度需0–100%，色相按360度归一。透明色、命名颜色和CSS表达式不支持。
锁定后会发生什么？
重新生成时锁定色卡的色值和位置不变。拖动排序会移动色卡及其锁。减少数量若会删除锁定卡，需要先解锁。全部锁定时不会重新改色。
互补色和三色为什么能生成更多颜色？
互补色使用相差180度的两组色相，三色使用0/120/240度；超过基本组的数量使用明度变体。类似色围绕基准色按30度间隔生成。无彩色使用0度色相。
会上传或保存我的色板吗？
颜色和历史只在当前页面内存中。只报告运行状态、耗时、实际色卡数量及复制/下载动作，不上传色值。刷新、离开或清空后不可恢复。
导出和复制有什么区别？
复制支持HEX/RGB/HSL，HSL保留足够小数以还原8位RGB。PNG包含实际顺序色块和HEX标签；JSON包含顺序、锁定及三种色值。可撤销步数及PNG宽度由后台配置。
交流与评论
分享使用体验，交流工具的更多用法。
正在加载评论…