设计用的渐变颜色（值得设计师收藏的8个渐变颜色代码-黄橙色）

设计用的渐变颜色（值得设计师收藏的8个渐变颜色代码-黄橙色）第四个也是很类似background-image: linear-gradient( 135deg #FEC163 10% #DE4313 100%);4、以此颜色作为背景代码如下：background-image: linear-gradient( 135deg #FDEB71 10% #F8D800 100%);2、第二个，第三个肉眼你能看出来不同吗？

作为设计师，在做网站也好，电商美工也好，平面设计，UI设计等等，都会使用颜色的原理，以保证整体的美观度。但是用肉眼实在难以在众多色彩中去挑选。特别是渐变的色调，并且也没有时间一个一个的去做实验，不然时间太浪费了。怎么办？

如果小编收集了主流色调的渐变颜色和颜色的代码，今天小编给大家分享的就是黄色为主的代码和颜色条：

1、

非纯黄色

以此颜色作为背景代码如下：

background-image: linear-gradient( 135deg #FDEB71 10% #F8D800 100%);

2、

第二个，第三个肉眼你能看出来不同吗？

background-image: linear-gradient( 135deg #FEC163 10% #DE4313 100%);

4、

第四个也是很类似

background-image: linear-gradient( 135deg #FDD819 10% #E80505 100%);

5、

background-image: linear-gradient( 135deg #FDD819 10% #E80505 100%);

6、

background-image: linear-gradient( 135deg #FFE985 10% #FA742B 100%);

7、

background-image: linear-gradient( 135deg #FFA8A8 10% #FCFF00 100%);

8、

background-image: linear-gradient( 135deg #FAD7A1 10% #E96D71 100%);

好，今天给大家就分享到这里，是不是再也不用为背景色代码发愁了，如果你觉得有用，还请关注下小编，谢谢！