配色工具

按颜色生成配色

挑一种颜色,得到一套相配的配色——选择和谐方式、颜色数量和色调跨度。复制十六进制代码、在编辑器里打开,或发布到色库。

基准色
配色方式
颜色 6
色调

The base color and its opposite on the wheel — maximum contrast.

6 colors
#003FF7
#4F7CFF
#A6BDFF
#F7B800
#FFD24F
#FFE8A6

主题 (可选)

登录后即可发布到公共库。

用一个颜色生成配色

从单一颜色出发,这个工具会按照色彩理论的规则生成 由该颜色延展出的配色 。选一种和谐方式,设定想要几种颜色以及色调铺开的幅度——相配的颜色是从色轮算出来的,所以它们是真的搭,而不是凭感觉猜。无论是像素画、游戏界面、网站、标志,还是任何需要围绕一个品牌色配出一整套的设计,都很合适。想要的颜色在照片里?先用 图片取色工具 把它取出来,再围绕它搭配色。

配色方式说明

  • 互补色 ——你选的颜色和它在色轮上的对面色。大胆、对比强烈的搭配。
  • 邻近色 ——彼此相邻的颜色。平静、自然,看着舒服。
  • 三角与四方 ——在色轮上等距分布的三到四种颜色——鲜明又平衡。
  • 分裂补色 ——基色加上它互补色两侧的两种颜色——对比更柔和。
  • 单色 ——同一色相在不同饱和度和明度上的变化——干净而有层次。
  • 明暗变化 ——把你的颜色从深的暗调一路推到浅的亮调。

使用方法

  • 用取色器挑一个基准色,或者直接粘贴十六进制代码。
  • 切换和谐方式,把几套配色并排比较。
  • 按你的偏好设定颜色数量和色调跨度。
  • 任意色块都能编辑,然后把十六进制代码复制到你的项目里。
  • 在编辑器中打开配色 ,马上开始作画。
  • 发布到 配色库 中,方便复用和分享。

常见问题

How do I make a color palette from one color?
Pick your base color, choose a harmony, then set how many colors and how much tonal spread you want. The matching colors are calculated from the color wheel instantly.
What do the harmony types mean?
Complementary uses the opposite color for high contrast. Analogous uses neighbours for a calm blend. Triadic and Square space colors evenly for vivid balance. Monochrome and Shades vary one hue tonally.
Can I choose the number of colors?
Yes. Set the palette size from 2 to 16 colors, and pick a Tones level (Subtle, Medium or Strong) to control how light-to-dark the palette spreads.
Is it free?
Yes — completely free, no signup. You only need an account if you want to publish a palette to the public library.
Can I edit the generated colors?
Yes. Click any swatch to adjust it, add or remove colors, then copy the hex codes, open them in the editor, or publish.
Where can I use the palette?
Copy the hex codes into any design or game project, open the palette straight in the pixel art editor, or save it to the library to reuse later.