【帆软色彩搭配2】报表怎么做都不好看？教你渐变色彩搭配

一、引言                      
        提前祝小伙伴们五一节日快乐。   上次的色彩搭配文章：【帆软色彩搭配】报表怎么做都不好看？来看看这一篇文章，不少小伙伴给我评论支持我，也有小伙伴给了我其他的思路，首先@灵风，感谢小伙伴提供的思路，今天就对灵风小伙伴给到的渐变色方法结合报表，看看能有哪些惊艳的效果。

二、操作指导
        1、首先跟大家介绍一下在渐变色的设置位置和设置方法。具体操作步骤是：选择单元格元素-->选择样式-->选择填充-->选择渐变色-->修改渐变方向。

        2、准备数据，这里用到的数据是系统自带的FRdemo里的数据，大家可以看看自己方便使用什么数据，怎么方便怎么来。

        3、设置数据表的基本字体、行高等基础设置，这里 标题行：字体：微软雅黑；字号：9；行高：9；数据行：字体：微软雅黑；字号：9；行高：7；边框：黑色。以上数据准备及操作会了之后，我们就可以开始来准备配色啦！

三、单色配色+效果展示

         1、渐变色RGB(255,255,255)、RGB(10,36,44)、渐变方向：纵向、边框颜色RGB(226,226,226)

        2、渐变色RGB(255,255,255)、RGB(206,11,11)、渐变方向：纵向、边框颜色RGB(248,223,223)

        3、渐变色RGB(255,255,255)、RGB(2,103,103)、渐变方向：纵向、边框颜色RGB(219,233,233)

        4、渐变色RGB(255,255,255)、RGB(12,12,255)、渐变方向：纵向、边框颜色RGB(219,219,255)

        5、渐变色RGB(255,255,255)、RGB(153,0,153)、渐变方向：纵向、边框颜色RGB(239,215,239)

以上单色的设置均是位于两端

四、双色配色+效果展示
        1、渐变色RGB(204,204,255)、RGB(255,204,204)、渐变方向：纵向、边框颜色RGB(255,204,204)

        2、渐变色RGB(255,0,102)、RGB(0,0,0)、渐变方向：纵向、边框颜色RGB(183,0,32)

        3、渐变色RGB(255,153,153)、RGB(51,255,51)、渐变方向：纵向、边框颜色RGB(183,0,73)

        

以上右边的颜色位标的设置均是位于中间双颜色可以自行调整颜色浮标来调整颜色渐变的占比

        以上是一些颜色的示例，其他的大家可以根据需求自行设置，如果有想法或者建议，欢迎评论区讨论～


五、补充

         评论区有小伙伴反应使用渐变色导出来的EXCEL表头和字体都会变成白色，尝试了一下确实是这样，如果有解决的办法，请小伙伴们评论分享一下。

美美美

姑姑，这配色很好看

倒数第2个红色配色，爱死了，太好看了，盯着看了几秒钟，感觉回到了上初中时候，那时候写的多色水笔，谢谢姑姑

不推荐渐变色，渐变色导出excel会变空

我这边是表头文字能导出，但是没渐变色，是因为excel不支持渐变。
小姐姐我加你了，通过下，我要下模板和环境，我让测试帮忙看下

嗯，我就是这样做的，补充几点：
1、渐变色因为excel是不支持的，所以导出来肯定是白色背景，所以标题的字体最好不要设为白色，黑色最好。
2、在实际应用中，因为有用css写出鼠标所指向的一行颜色变化，但是这种css写出来后会导致所有行都会变化，我就利用这种渐变色原理，把指定不需要变化的部分全部设为渐变色，这样可以实现精准控制。
3、还可以实现两行显示为一种渐变色效果，原理是先将两行单元格进行合并，制作渐变色，然后用取色工具提取中间位置的颜色后，进行分段设置。
以上都是我实际制作报表时使用的方法，就补充这几点吧。

你感受到我崇拜的目光了吗，我现在就伸手，你何时跟我走

厉害，配色是要有点审美观