网站调色工具推荐,渐变色背景生成工具

网站调色工具推荐
本篇文章推荐的网站调色工具,可以生成20+种不同风格调色板,还能生成2色或者3色渐变背景及对应CSS代码。
文章目录

本篇文章共 793 字,预计阅读时间 4 分钟

网站调色工具介绍

这个工具叫 ColorSpace

可以通过输入一个指定颜色,生成各种类型的邻近色、梯度色、风格色等调色板。

也可以填写两个或者是三个指定颜色,让它帮你生成一个渐变色背景,并输出对应的代码供你使用。

生成调色板

调色工具首页打开该调色工具的网站,首页就是调色生成页面。

选择要生成的调色板颜色

输入指定的颜色,就可以生成对应各种风格的调色盘。

也支持直接选择不同颜色进行生成。

生成的调色板效果如下:

调色板1

调色板2

调色板3

这里就只简单截图出来几种。

Well统计了一下,它能生成这些风格的调色板:

  • Generic Gradient
  • Matching Gradient
  • Spot Palette
  • Twisted Spot Palette
  • Classy Palette
  • Cube Palette
  • Switch Palette
  • Small Switch Palette
  • Skip Gradient
  • Natural Palette
  • Matching Palette
  • Squash Palette
  • Grey Friends
  • Dotting Palette
  • Skip Shade Gradient
  • Threedom
  • Highlight Palette
  • Neighbor Palette
  • Discreet Palette
  • Dust Palette
  • Collective
  • Friend palette
  • Pin Palette
  • Shades
  • Random Shade

生成渐变背景色

两色渐变背景

生成两种颜色的渐变色背景和对应的CSS代码

点击页面上方的“Gradient”,选择或者输入两种颜色,就可以生成对应的渐变色背景。

还可以调整渐变的角度。

设置好颜色并点击生成,这个页面的背景色也会发生对应变化,能看到一个直观效果。

可以直接复制下方生成的CSS代码添加到网站使用。

三色渐变背景

生成三种颜色的渐变色背景和对应的CSS代码

三色渐变和两色渐变的设置方法是一样的,只不过是多设置一个颜色。

以上就是本篇文章的全部内容。

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
B2B外贸建站服务 - well建站
Well提供外贸建站服务,高性价比、不玩套路、终身售后。
文章标签
文章推荐
文章目录
相关文章