Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

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

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

网站调色工具介绍

这个工具叫 ColorSpace

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

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

生成调色板

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

选择要生成的调色板颜色

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

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

生成的调色板效果如下:

调色板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代码

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

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

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?