01
薰衣草紫
白色 1.61:1 · 黑色 13.04:1
寻找合适的颜色组合
随机配色方案生成器
一次生成最多 8 种颜色。锁定喜欢的颜色，重新生成其余部分，再复制或导出整组配色。
下一组灵感配色
锁定喜欢的颜色02
薄荷绿
白色 1.87:1 · 黑色 11.21:1
03
杏橙
白色 1.42:1 · 黑色 14.80:1
04
珊瑚红
白色 2.05:1 · 黑色 10.27:1
05
天空蓝
白色 3.16:1 · 黑色 6.64:1
配色应用预览
●― ― ―
页头 · #D4C5F0◒
一点新颜色
卡片 · #A7C4B5一点新颜色
按钮 · #F2D5A0
让灵感有颜色。
文字 · #E8A598背景
背景 · #7C92B5按下 spacebar 发现新的惊喜·点击色值即可复制，锁定颜色可在生成时保留。
从这些组合开始
试试这些配色
选一组颜色，在生成器中继续调整。
配色的三个步骤
从第一个颜色，到完整配色
生成一组颜色
选择风格、色相或配色关系，生成几组方案作为起点。
锁定想保留的颜色
锁定喜欢的颜色，再次生成时只改变其余部分。
复制或导出配色
复制单个色值、导出 CSS 变量，或下载 PNG 图片。
FAQ
关于配色
一个配色方案应该包含多少种颜色？+
三到五种颜色是实用的起点。选择一个主色、一到两个辅助色，再用强调色突出重要元素。实际数量取决于设计的复杂程度；保持一致比使用固定数量更重要。
怎样的配色方案更协调？+
协调的配色通常具有明确的主次关系，并在颜色之间保持足够的对比度。尝试在色相环上分布颜色，再根据使用场景调整饱和度和明度，并检查文字是否容易阅读。
如何保存喜欢的配色？+
使用保存按钮将完整配色保存在当前浏览器，也可以复制分享链接或导出色值。单个颜色也可以在随机颜色生成器的历史记录中找回。 随机颜色生成器.
保存在当前浏览器
工具不会上传你的色板，收藏保存在浏览器中，可逐一移除。网站运营者可选择启用访问分析。托管服务商在提供网站服务时可能处理常规请求日志。