135 · 设计与网页

调色板生成器

选择基色和和谐色以获得调色板。单击样本以复制其十六进制代码。

您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情

调色板生成器

#4f46e5

如何使用调色板生成器

  1. 选择一种基色,或生成一种随机颜色。
  2. 选择和谐。
  3. 单击样本进行复制,或复制整个调色板。

色彩和谐

  • 类似的:色轮上的邻居;冷静而有凝聚力。
  • 互补:对立面;高对比度的口音。
  • 三元组:三种均匀分布的颜色;活泼但平衡。
  • 色调和色调:从极浅到极暗的一种色调,非常适合 UI 设计系统。

示例

#4f46e5,类似

蓝调到紫罗兰

#4f46e5,色调和阴影

--颜色-50 … --颜色-900

问题

颜色可以使用吗?

调色板不能保证文本可读。检查文本和背景对与 <a href="/tools/css-button-generator/">CSS 按钮生成器</a> 中显示的对比度。

自动翻译。回顾重要结果。