配色方案模板 ­– {{ name }}

An example of web elements in this color scheme. See what your page might look like.
View more
#{{ cutcolors(colors,1) }}
#{{ cutcolors(colors,2) }}
#{{ cutcolors(colors,3) }}
#{{ cutcolors(colors,4) }}
#{{ cutcolors(colors,5) }}
#{{ cutcolors(colors,6) }}

Block with cards

Card 1

This is an information pack with cards. In your color scheme it might look like that.

#{{cutcolors(colors,6)}}

Card 2

In order not to lose information because of the background, generally a muted shade is taken for cards. Anyway, you can choose any variant.

#{{cutcolors(colors,6)}} #{{cutcolors(colors,4)}}

All image from Unsplash

Information block with an image

Service identifies the most noticeable and bright colors in the image. Meanwhile, we help one to see how these colors combine on ordinary web page.

We have done buttons of various colors and put different blocks to demonstrate more explicitly how color scheme works for standard content formats.

更多的

Text block with links

Color schemes can be used for site and apps design, customization business pages and groups in social media. As well as the interior design, poster development and illustrations.

If you have wanted a room designed in style of your favorite Van Gogh painting for a long time, you can upload it to the site and save the colors for your future interior.

Due to the color scheme one can create a mood board or collage for your colleagues and contractors. You can combine colors in different ways or use only some of them. Our option is just one out of variety.

Call to action
A great reason to download this beautiful gradient

创建调色板

您可以选择一个现成的调色板或通过上传任何图像自己创建。

随机渐变

我们也有很好的渐变下载或生成。

生成渐变

顺便说一句,这仍然是您的配色方案生效。

Gradients.app
Share this link with your friends. Thank you!

您好,
很高兴见到您!

忘记密码?

输入您注册时使用的电邮地址,我们将向您发送重置密码的说明。

创建一个
新账户

密码不符合

了解网格渐变

我们为您添加了网格渐变生成器和新的网格库,您可以用自己的渐变丰富它们。现在,您可以创建漂亮的抽象渐变,下载它们,复制它们的CSS代码,将它们保存到您的个人面板,并添加到公共库中。

我们即将添加径向渐变生成器!

网格渐变