在线指定一种颜色批量生成随机渐变色，结果可复制代码-六月初工具站

六月初工具站

在线指定一种颜色批量生成随机渐变色：

HEX颜色值

初始颜色值
渐变色值

#75d6de,#f69ff9
渐变色值

#75d6de,#57e768
渐变色值

#75d6de,#67fd7f
渐变色值

#75d6de,#8f696f
渐变色值

#75d6de,#8d999d
渐变色值

#75d6de,#75e8e8
渐变色值

#75d6de,#d56de6
渐变色值

#75d6de,#e99e95
渐变色值

#75d6de,#efd796
渐变色值

#75d6de,#6df6d7
渐变色值

#75d6de,#d6969d
渐变色值

#75d6de,#96ef68
渐变色值

#75d6de,#de9d6d
渐变色值

#75d6de,#677856
渐变色值

#75d6de,#7ff6fe
渐变色值

#75d6de,#f7e97f
渐变色值

#75d6de,#966df6
渐变色值

#75d6de,#55e98f
渐变色值

#75d6de,#e765dd
渐变色值

#75d6de,#d9ff97
渐变色值

#75d6de,#8f95dd
渐变色值

#75d6de,#6fd7f9
渐变色值

#75d6de,#5eee77
渐变色值

#75d6de,#888958
渐变色值

#75d6de,#8568e8
渐变色值

#75d6de,#758788
渐变色值

#75d6de,#ff7e59
渐变色值

#75d6de,#95897e
渐变色值

#75d6de,#ee5df8
渐变色值

#75d6de,#5e5d7e
渐变色值

#75d6de,#7f5799
渐变色值

#75d6de,#7957f7
渐变色值

#75d6de,#9d996f
渐变色值

#75d6de,#5e787f
渐变色值

#75d6de,#fe5e88
渐变色值

#75d6de,#ed8f76
渐变色值

#75d6de,#f6ef68
渐变色值

#75d6de,#7fed7e
渐变色值

#75d6de,#9667f8
渐变色值

#75d6de,#e98e9e
渐变色值

#75d6de,#97f989
渐变色值

#75d6de,#779667
渐变色值

#75d6de,#87fd9f
渐变色值

#75d6de,#ede7f6
渐变色值

#75d6de,#6e87ee
渐变色值

#75d6de,#589d87
渐变色值

#75d6de,#6ed99f
渐变色值

#75d6de,#6d8558
渐变色值

#75d6de,#876877
渐变色值

#75d6de,#78f7ff
渐变色值

#75d6de,#f7d58d
渐变色值

#75d6de,#88dd59
渐变色值

#75d6de,#89ed5e
渐变色值

#75d6de,#5fe858
渐变色值

#75d6de,#d8e9f9
渐变色值

#75d6de,#d89869
渐变色值

#75d6de,#59e8d7
渐变色值

#75d6de,#d6e8e5
渐变色值

#75d6de,#986de6
渐变色值

#75d6de,#968889
渐变色值

#75d6de,#e7fe58
渐变色值

#75d6de,#59ee79
渐变色值

#75d6de,#f9d897
渐变色值

#75d6de,#9ffe88
渐变色值

#75d6de,#e7f868
渐变色值

#75d6de,#f5e65e
渐变色值

#75d6de,#f599f8
渐变色值

#75d6de,#899587
渐变色值

#75d6de,#f59867
渐变色值

#75d6de,#9f86d7
渐变色值

#75d6de,#e5fd76
渐变色值

#75d6de,#f88677
渐变色值

#75d6de,#9d69f5
渐变色值

#75d6de,#5edf97
渐变色值

#75d6de,#d9866d
渐变色值

#75d6de,#876967
渐变色值

#75d6de,#76ff58
渐变色值

#75d6de,#9f7fe7
渐变色值

#75d6de,#65fe6e
渐变色值

#75d6de,#de88d8
渐变色值

#75d6de,#77e977
渐变色值

#75d6de,#75f799
渐变色值

#75d6de,#ed8d5f
渐变色值

#75d6de,#9687d7
渐变色值

#75d6de,#988599
渐变色值

#75d6de,#98d755
渐变色值

#75d6de,#57658e
渐变色值

#75d6de,#f77eef
渐变色值

#75d6de,#96d65e
渐变色值

#75d6de,#76ef56
渐变色值

#75d6de,#87de6d
渐变色值

#75d6de,#6f5f7e
渐变色值

#75d6de,#655d6d
渐变色值

#75d6de,#fded56
渐变色值

#75d6de,#f9d86f
渐变色值

#75d6de,#8dddf7
渐变色值

#75d6de,#5699fd
渐变色值

#75d6de,#59ee9d
渐变色值

#75d6de,#d98eed

该工具使用及渐变色相关知识：

工具由来：

设计中对于色彩的搭配可谓是重中之重，那么我们如果确定了一样主题色。那么该如何匹配出和该主题色搭配的颜色呢？

如果稍微搭配失误，难免会出现“红配绿，赛狗屁”的尴尬场景。而对于新人来说，颜色搭配无疑是一大难题。

由此，便有了该工具的出现。指定一种主题色，随机生成批量渐变色，找出搭配最为合理的一组色彩。

工具相关说明：

1、该工具分为两步：选择搭配色系、创建匹配原始色

2、搭配色系：分为浅色系、深色系或者两类随机的组合系列。选择后，会根据你的选择生成浅色系或深色系的颜色来和你给出的匹配原始色搭配组合成批量渐变色。

3、创建匹配原始色：输入6位的HEX十六进制颜色值，点击开始匹配，就可以生成匹配该原始色的批量渐变色

4、复制说明：渐变颜色值复制、渐变颜色代码复制

5、渐变颜色值复制：指复制组成渐变的两种颜色值。

6、渐变颜色值代码复制：指可复制该渐变色css代码，复制后直接在css中进行使用。

7、渐变代码示例：

{
	background:"#fff",//当浏览器不支持渐变时使用
	background-image:linear-gradient(90deg, "#75d6de", "#11b11b");
	background-image:-webkit-linear-gradient(90deg, "#75d6de", "#11b11b");
	background-image:-moz-linear-gradient(90deg, "#75d6de", "#11b11b");
	background-image:-ms-linear-gradient(90deg, "#75d6de", "#11b11b");
}