调色板
一键生成和谐的随机调色板 — 锁定喜欢的颜色，重新生成其余部分。
评分与评论
用户对这款工具的评价
为什么使用在线配色方案生成器？
每个设计项目都始于颜色。一个网站、一个品牌、一份演示文稿、一张海报——它们的成败都取决于将整体凝聚在一起的配色。然而手动挑选颜色既慢又主观：你打开取色器，拨动滑块二十分钟，最后得到的组合仍然发闷或互相冲突。
随机配色生成器把这个过程倒了过来。与其苦苦追寻”正确的颜色”，不如一键生成完整而和谐的色彩组，留下打动你的那几套。由于这些配色建立在经典色彩理论的关联关系之上，即便是随机结果也显得有章法。
随机配色大显身手的常见场景：
- 网页与应用设计：先为落地页或控制台生成候选配色，再细细打磨
- 品牌设计：在敲定前探索标志与视觉识别的新方向
- 演示与幻灯片：用有个性的颜色替换默认主题色
- 艺术与插画：跳出惯常的色彩舒适区
- 室内与手工项目：购买油漆或布料之前预览协调的配色
相对手动选色的核心优势
- 速度：完整的 5 色配色即刻呈现——每分钟可尝试几十个方向
- 内置和谐：类似、互补、三色、单色模式生成的色彩组合天然协调
- 可锁定色样：锁定心爱的颜色，只重新抽取其余部分
- 即拷即用：轻点复制任意 HEX 值，再一次点击即可把整套配色复制为 CSS 变量
- 无需注册、没有水印：无限配色、完全免费、直接在浏览器中完成
生成的配色有多随机？
生成器并不是在洗现成的主题。每次点击都从一个新的基准色相开始，该色相通过 Web Crypto API（crypto.getRandomValues()）抽取——这正是所有 RandomSelect 工具共用的加密安全随机源。饱和度与亮度被保持在均衡区间内，让每个色块在屏幕上都真正可用：不会亮得刺眼如霓虹，也不会灰暗浑浊。
各模式如何构建颜色
- 浏览器的加密随机源选定基准色相（0–360°）
- 根据和谐模式，其余色相被安放在色轮周围：类似模式取相邻色，互补模式取对侧色，三色模式按三分圆分布
- 单色模式保留单一色相，在整个组内变化明度
- 锁定的色样原样保留——只有未锁定的位置会被重画
随机性只决定颜色落在色轮 何处，从不破坏彼此之间的关系。因此结果始终浑然一体，却又永不完全重复。
理解各和谐模式
随机
每个色块都在雅致的饱和度与亮度范围内获得自己的色相。非常适合发现那些你绝不会刻意选择的意外组合。
类似色
颜色比邻而居于色轮之上（大约相差 ±25–50°）。结果平静而连贯——适合背景、渐变，以及任何不该有元素喧宾夺主的界面。
互补色
来自色轮两端的两种色相制造出最大对比度。当你需要清晰的前景/背景划分，或在沉静底色上添加充满活力的点缀时，这是完美之选。
三色组
三种色相均匀散布于色轮（间隔 120°），带来鲜活的平衡——俏皮而不混乱。插画、游戏与儿童品牌的经典选择。
单色系
一种色相、多层明度。优雅稳妥的单色组合适用于极简版式、图表，以及一切视觉层级比多样性更重要的场合。
配色生成器与其他工具对比
对比手动取色器
普通取色器给你无限自由，却毫无指引——和谐理论全靠自己。本生成器替你编码了这套理论，每次点击都是一个可信的起点，而非一块空白画布。
对比社区配色网站
Coolors 或 Adobe Color 这类网站提供精选配色，但热门方案已被复用了成千上万次。随机生成给你的是一套无人发布过的配色——当独特性至关重要时尤其珍贵。
对比基于 AI 的生成器
AI 工具可以根据文字描述推荐配色，但需要账号、额度或等待。本工具即时响应、直接在你的浏览器里运行——无需编写任何提示词。
给设计师的建议
善用 60-30-10 法则
界面约 60% 使用主导色，30% 使用次级色，10% 用作点缀色。生成一套 8 色配色，锁定其中两三个顺眼的色样，然后为颜色分配角色，而不是平均使用每一种。
锁定可行的，重抽不行的
每个色块上的挂锁就是核心工作流：生成一次，锁定赢家，再来一轮。三四回合之后，你会收敛到一套既出人意料又浑然一体的配色。
上线前检查对比度
均衡的饱和度与明度让配色赏心悦目，但无障碍性仍需验证。请对照 WCAG 对比度标准（正文 4.5:1）测试文字与背景的组合，尤其是中等色调的色样。
真实案例
落地页改版
一位自由设计师要给 SaaS 落地页换新颜。她生成一套三色配色，锁住心仪的深蓝，重抽两次，最终定格在蓝 + 珊瑚 + 薄荷——独特，却依然足以协调按钮和行动号召。
品牌探索会议
一家小烘焙坊不想再做”又一个米棕配色”。在类似模式下摇了十轮之后，他们选定了从杏黄到赭红的暖色家族，把 CSS 变量直接复制进样式规范，并把 HEX 值交给印刷厂。
课堂美术练习
美术老师随机生成一套六色配色，让学生只用这些颜色画一幅风景。限制点燃了创造力——尽管颜色相同，每个人的作品看起来都截然不同。
常见问题
重新生成时可以保留某些颜色吗？
可以。点击任意色块上的挂锁将其锁定，然后再生成。锁定的颜色会原封不动，只有未锁定的色块会被重画。
如何把配色复制到我的项目中？
轻点任意色块即可复制其 HEX 值；使用”复制 CSS 变量”则可以把整套配色导出为可直接粘贴的自定义属性，例如 --color-1: #aabbcc;。
生成的颜色对 UI 设计来说符合无障碍要求吗？
生成器把饱和度与明度保持在通常配合良好的均衡区间。对于生产环境界面，上线前请务必依照 WCAG 准则验证文字对比度。
工作原理
选择协调模式
选择随机、类似、互补、三色或单色，为你的调色板定下基调。
生成并锁定
点击“生成调色板”，然后锁定想保留的色块，重新生成其余颜色。
复制你的颜色
点按任意色块复制其十六进制（HEX）代码，或将整个调色板作为 CSS 变量复制。
热门用途
课堂活动
教师使用它来进行公平的学生选择、分组分配和参与跟踪。
抽奖和竞赛
非常适合 Instagram、YouTube 和社交媒体奖品抽奖，提供可验证的结果。
游戏与娱乐
为游戏之夜、桌面游戏和虚拟聚会增添兴奋感。
