• 推荐多款好看的报表图表配色方案(转载)


    【转自】https://blog.csdn.net/weixin_44935881/article/details/109120313

    好看的图表离不开配色,好看的PPT离不开配色,好看的大屏可视化分析更离不开配色。

    博主平时也要做一些数据可视化分析的大屏,一般都需要对背景、图表、数据列表等区域进行配色,根据美工那边的配色推荐,博主整理了一下平时做图表、数据可视化分析大屏时会用到的配色方案,希望对他们平时做大屏展示或者做PPT时有帮助,方便大家日后的大屏开发和PPT效果,让大家辛苦做出来的作品,更加直观好看、效果舒服、得到更高的加分值。(配上各个图表配色方案的  十六进制颜色码  和  RGB颜色值  )

    《取色技巧》平时大家都会登录QQ或微信,可以利用截图功能,抓取颜色:

    ① 同时按住 Ctrl + Alt + A,进入截图;

    ② 按住 Ctrl 键,光标处会显示光标位置对应RGB的6位十六进制颜色码;

    ③ 松开 Ctrl 键,光标处会显示光标位置对应RGB的3串RGB颜色值。

    用好上面的取色技巧,可以大大加快项目组的开发速度和配色技能。

    方案1(复古):

    系列色——十六进制颜色码:

    0780cf - 765005 - fa6d1d - 0e2c82 - b6b51f - da1f18 - 701866 - f47a75 - 009db2 - 024b51 - 0780cf - 765005

    系列色——RGB颜色值:

    (7,128,207)-(118,80,5)-(250,109,29)-(14,44,130)-(182,181,31)-(218,31,24)-(112,24,102)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案2(新特性):

    系列色——十六进制颜色码:

    63b2ee - 76da91 - f8cb7f - f89588 - 7cd6cf - 9192ab - 7898e1 - efa666 - eddd86 - 9987ce - 63b2ee - 76da91

    系列色——RGB颜色值:

    (99,178,238)-(118,218,145)-(248,203,127)-(248,149,136)-(124,214,207)-(145,146,171)-(120,152,225)-(239,166,102)-(237,221,134)-(153,135,206)-(99,178,238)-(118,218,145)

    方案3(渐变):

    系列色——十六进制颜色码:

    71ae46 - 96b744 - c4cc38 - ebe12a - eab026 - e3852b - d85d2a - ce2626 - ac2026 - 71ae46 - 96b744 - c4cc38

    系列色——RGB颜色值:

    (113,174,70)-(150,183,68)-(196,204,56)-(235,225,42)-(234,176,38)-(227,133,43)-(216,93,42)-(206,38,38)-(172,32,38)-(113,174,70)-(150,183,68)-(196,204,56)

    方案4(清新):

    系列色——十六进制颜色码:

    00a8e1 - 99cc00 - e30039 - fcd300 - 800080 - 00994e - ff6600 - 808000 - db00c2 - 008080 - 0000ff - c8cc00

    系列色——RGB颜色值:

    (0,168,225)-(153,204,0)-(227,0,57)-(252,211,0)-(128,0,128)-(0,153,78)-(255,102,0)-(128,128,0)-(219,0,194)-(0,128,128)-(0,0,255)-(200,204,0)

    方案5(怀旧):

    系列色——十六进制颜色码:

    3b6291 - 943c39 - 779043 - 624c7c - 388498 - bf7334 - 3f6899 - 9c403d - 7d9847 - 675083 - 3b8ba1 - c97937

    系列色——RGB颜色值:

    (59,98,145)-(148,60,57)-(119,144,67)-(98,76,124)-(56,132,152)-(191,115,52)-(63,104,153)-(156,64,61)-(125,152,71)-(103,80,131)-(59,139,161)-(201,121,55)

    方案6(商务):

    系列色——十六进制颜色码:

    194f97 - 555555 - bd6b08 - 00686b - c82d31 - 625ba1 - 898989 - 9c9800 - 007f54 - a195c5 - 103667 - f19272

    系列色——RGB颜色值:

    (25,79,151)-(85,85,85)-(189,107,8)-(0,104,107)-(200,45,49)-(98,91,161)-(137,137,137)-(156,152,0)-(0,127,84)-(161,149,197)-(16,54,103)-(241,146,114)

    方案7(明亮):

    系列色——十六进制颜色码:

    0e72cc - 6ca30f - f59311 - fa4343 - 16afcc - 85c021 - d12a6a - 0e72cc - 6ca30f - f59311 - fa4343 - 16afcc

    系列色——RGB颜色值:

    (14,114,204)-(108,163,15)-(245,147,17)-(250,67,67)-(22,175,204)-(133,192,33)-(209,42,106)-(14,114,204)-(108,163,15)-(245,147,17)-(250,67,67)-(22,175,204)

    方案8(雅致):

    系列色——十六进制颜色码:

    3682be - 45a776 - f05326 - eed777 - 334f65 - b3974e - 38cb7d - ddae33 - 844bb3 - 93c555 - 5f6694 - df3881

    系列色——RGB颜色值:

    (54,130,190)-(69,167,118)-(240,83,38)-(238,215,119)-(51,79,101)-(179,151,78)-(56,203,125)-(221,174,51)-(132,75,179)-(147,197,85)-(95,102,148)-(223,56,129)

    方案9(柔和):

    系列色——十六进制颜色码:

    5b9bd5 - ed7d31 - 70ad47 - ffc000 - 4472c4 - 91d024 - b235e6 - 02ae75

    系列色——RGB颜色值:

    (91,155,213)-(237,125,49)-(112,173,71)-(255,192,0)-(68,114,196)-(145,208,36)-(178,53,230)-(2,174,117)

    方案10(淡雅):

    系列色——十六进制颜色码:

    95a2ff - fa8080 - ffc076 - fae768 - 87e885 - 3cb9fc - 73abf5 - cb9bff - 434348 - 90ed7d - f7a35c - 8085e9​​​​​​​

    系列色——RGB颜色值:

    (149,162,255)-(250,128,128)-(255,192,118)-(250,231,104)-(135,232,133)-(60,185,252)-(115,171,245)-(203,155,255)-(67,67,72)-(144,237,125)-(247,163,92)-(128,133,233)

    方案11(经典):

    系列色——十六进制颜色码:

    002c53 - ffa510 - 0c84c6 - ffbd66 - f74d4d - 2455a4 - 41b7ac

    系列色——RGB颜色值:

    (0,44,83)-(255,165,16)-(12,132,198)-(255,189,102)-(247,77,77)-(36,85,164)-(65,183,172)

    方案12(艳丽):

    系列色——十六进制颜色码:

    fa2c7b - ff38e0 - ffa235 - 04c5f3 - 0066fe - 8932a5 - c90444 - cb9bff - 434348 - 90ed7d - f7a35c - 8085e9​​​​​​​

    系列色——RGB颜色值:

    (250,44,123)-(255,56,224)-(255,162,53)-(4,197,243)-(0,102,254)-(137,50,165)-(201,4,68)-(203,155,255)-(67,67,72)-(144,237,125)-(247,163,92)-(128,133,233)

    方案13(科技):

    系列色——十六进制颜色码:

    05f8d6 - 0082fc - fdd845 - 22ed7c - 09b0d3 - 1d27c9 - f9e264 - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (5,248,214)-(0,130,252)-(253,216,69)-(34,237,124)-(9,176,211)-(29,39,201)-(249,226,100)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案14(炫彩1):

    系列色——十六进制颜色码:

    e75840 - a565ef - 628cee - eb9358 - d05c7c - bb60b2 - 433e7c - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (231,88,64)-(165,101,239)-(98,140,238)-(235,147,88)-(208,92,124)-(187,96,178)-(67,62,124)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案15(炫彩2):

    系列色——十六进制颜色码:

    ef4464 - fad259 - d22e8d - 03dee0 - d05c7c - bb60b2 - 433e7c - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (239,68,100)-(250,210,89)-(210,46,141)-(3,222,224)-(208,92,124)-(187,96,178)-(67,62,124)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案16(简洁1):

    系列色——十六进制颜色码:

    929fff - 9de0ff - ffa897 - af87fe - 7dc3fe - bb60b2 - 433e7c - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (146,159,255)-(157,224,255)-(255,168,151)-(175,135,254)-(125,195,254)-(187,96,178)-(67,62,124)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案17(简洁2):

    系列色——十六进制颜色码:

    50c48f - 26ccd8 - 3685fe - 9977ef - f5616f - f7b13f - f9e264 - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (80,196,143)-(38,204,216)-(54,133,254)-(153,119,239)-(245,97,111)-(247,177,63)-(249,226,100)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案18(冷色1):

    系列色——十六进制颜色码:

    bf19ff - 854cff - 5f45ff - 02cdff - 0090ff - 314976 - f9e264 - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (191,25,255)-(133,76,255)-(95,69,255)-(2,205,255)-(0,144,255)-(49,73,118)-(249,226,100)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案19(冷色2):

    系列色——十六进制颜色码:

    45c8dc - 854cff - 5f45ff - 47aee3 - d5d6d8 - 96d7f9 - f9e264 - f47a75 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (69,200,220)-(133,76,255)-(95,69,255)-(71,174,227)-(213,214,216)-(150,215,249)-(249,226,100)-(244,122,117)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    方案20(暖色):

    系列色——十六进制颜色码:

    9489fa - f06464 - f7af59 - f0da49 - 71c16f - 2aaaef - 5690dd - bd88f5 - 009db2 - 024b51- 0780cf - 765005​​​​​​​

    系列色——RGB颜色值:

    (148,137,250)-(240,100,100)-(247,175,89)-(240,218,73)-(113,193,111)-(42,170,239)-(86,144,221)-(189,136,245)-(0,157,178)-(2,75,81)-(7,128,207)-(118,80,5)

    配色效果图全局概览:

  • 相关阅读:
    主机连接虚拟机redis 服务器
    在dockers中调试dump的dotnet程序
    我的devops实践经验分享一二
    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--请求处理结果适配篇(7/8)
    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--参数自动映射篇(6/8)
    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--请求处理函数装饰器注册篇(5/8)【controller+action】
    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--控制器和处理函数的注册篇(4/8)【controller+action】
    【nodejs】让nodejs像后端mvc框架(asp.net mvc )一样处理请求--控制器的声明定义和发现篇(3/8)
    【nodejs】让nodejs像后端mvc框架(asp.net mvc )一样处理请求--路由限制及选择篇(2/8)【route】
    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--目录(8/8 完结)
  • 原文地址:https://www.cnblogs.com/Violety/p/16400968.html
Copyright © 2020-2023  润新知