前端好看的几组颜色值

一.echarts柱状图，折线图，饼状图几组颜色值

1.第一组颜色数据： 

export const getEchartsColor = () => {
    return ['#e54d42', '#879bd7', '#b2db9e', '#fbd88a', '#f39494', '#9dd3e8', '#1cbbb4', '#f37b1d', '#39b54a', '#fbbd08',
        '#8dc63f', '#2C3E50', '#6495ed', '#b0c4de', '#b0929f', '#9D2933', '#D24D57', '#EAF2D3'
    ]
}

实现效果如下：

 2.第二组颜色数据:

 ['#63dab0', '#f68f16', '#a9dff9',
            '#4991ff', '#5c7095', '#fde696', '#8a5be9',
            '#e9837f', '#2452b2'
        ],

 实现效果如下:

二.几组好看的渐变色

 1.linear-gradient(to right, #18c1f6, #5199f4)

        

2.linear-gradient(to right, #56c0a7, #46aaa8)

        

3.linear-gradient(to right, #18e2b1, #18c0a0)

         

4. linear-gradient(to right, rgb(251,189,108), rgb(251,163,99))