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

好看的图表离不开配色,好看的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)

配色效果图全局概览:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/21131.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue之功能全面的表格(三)筛选表格中的数据

文章目录 学习计划状态过滤学习完成时间过滤搜索框过滤小结 学习计划状态过滤 1、对学习计划状态列进行美化 data () {return {data: [],filterType: ,statuses: [未开始, 进行中, 搁置, 完成], // 修改statusColors: [info, primary, warning, success] // 新…

ChatGPT时代:我们可能站到了自然语言编程的大门口

ChatGPT大火,我现在有种感觉:我们可能站到了自然语言编程的门口,一脚下去,也许能把门踹开。 当然,也可能会踢到一块铁板。 回顾我们的编程之路,基本上就是一个编程门槛不断降低的历史。 最早的一批前辈们…

ChatGPT对我们的影响-ChatGPT能给我们带来什么

ChatGPT日常应用 ChatGPT是一种应用广泛的自然语言处理算法,其可以应用于多种日常场景。以下是一些ChatGPT的日常应用: 聊天机器人:ChatGPT可用于构建聊天机器人,通过与用户进行自然语言交互来提供个性化的服务和支持。 新闻稿和…

申论范文:共同富裕“一定”会考的点

共同富裕是社会主义的本质要求,是中国式现代化的重要特征,当然也是公务员考试的热点,需要我们认真学习掌握。 今天,我们就用一篇申论范文,一起试试。 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ 这里是公考隔壁班王老师独创的“…

这碗申论鸡汤,干了

如题,大家周末快乐~ ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ 这里是公考隔壁班王老师独创的“每天半小时・申论80分”抄写团,欢迎加入我们!

申论小题赏析

第一段 第一段很明显是一个话题引入的段落,所以不用去管它 第二段 是绿色革命的话题引入,点出煤炭在建设绿色革命的过程中并不是包袱,通过煤矿改扩改建的过程中既满足了绿色城市的建设也满足了生产发展的需求,带动了经济的发展…

申论基础知识1

文章目录 前言第一章:审题第二章:单一题一、问题二、影响二、影响三、对策概括对策提出对策 前言 第一章:审题 第二章:单一题 一、问题 二、影响 二、影响 三、对策 概括对策 提出对策

计算机考试怎么考申论,公务员考试申论评分标准,这些你都知道吗?

原标题:公务员考试申论评分标准,这些你都知道吗? 距离2019年多省公务员考试还剩两三天时间,很多考生对公务员考试的阅卷规则和答题格式并不清楚,其实了解阅卷规则和评分标准,对大家答题更有帮助。下面华图教…

粉笔公考——错题集——申论

做题tips 综合 面向考试,多做题、多积累。 提升答题能力。尽量用原文表述。回归材料。针对问题,全面分析材料。反面材料也要概括,反面正说。提炼观点。归纳总结。推导要把握好度,精准、切合材料。 小题 摘抄概括归纳分析推导。…

申论~~~

方法精讲—申论 摘抄: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BbhvGncP-1666248488455)(…/…/AppData/Roaming/Typora/typora-user-images/image-20211004205502958.png)] 归纳概括: 分析推导: [外链图…

计算机考试怎么考申论,申论高分卷是怎么来的?申论阅卷流程大揭秘

申论的阅卷方式与行测的阅卷方式不同,行测全部为客观题,因此可以采用机读阅卷的方式,而申论全部为主观性试题,必须由专业阅卷人员进行阅卷。正因为如此,很多考生就会担心阅卷人的主观喜好会影响其评分标准。对此&#…

人民日报申论万能结构

本周我们又学习了5篇人民日报申论范文,分别为: 1.《更好满足群众多层次健身需求》(3.7日,周一) 2.《让社区成为居民最放心最安心的港湾》(3.8日,周二) 3.《共同呵护文…

申论必考:社区治理

城乡社区是基层治理的基本单元,每一个社区虽小,但全国有65万个城乡社区,其服务内容与水平关乎人民日益增长的美好生活需要,关乎人民群众获得感、幸福感、安全感。 今天,我们就用一篇申论范文搞定社区治理。 ⭐️ ⭐️…

Golang 给视频添加背景音乐 | Golang工具

目录 前言 环境依赖 代码 总结 前言 本文提供给视频添加背景音乐,一如既往的实用主义。 主要也是学习一下golang使用ffmpeg工具的方式。 环境依赖 ffmpeg环境安装,可以参考我的另一篇文章:windows ffmpeg安装部署_阿良的博客-CSDN博客 …

视频剪辑配乐技巧 视频剪辑配音推荐

视频是视觉加听觉的艺术,视频的背景音乐不同,所呈现的效果也不同。接下来为大家带来大家视频剪辑配乐技巧,视频剪辑配音推荐的相关内容。 一、视频剪辑配乐技巧 视频剪辑时选好了配乐,视频就成功了一半。那如何找到合适的配乐呢…

OpenAI刚融资100亿,DeepMind CEO急了?呼吁AI圈减少科研竞赛!

DeepMind一直是谷歌的骄傲。 作为谷歌母公司Alphabet的子公司,DeepMind是世界领先的人工智能实验室之一。成立13年,它交出的成绩单,十分亮眼。 不得不说,DeepMind在算法上是有点东西的。 2022年7月,AlphaFold大爆。202…

公司增资的方式有哪些?

一、公司增资的方式有哪些? 增加资本的方式主要有增加票面价值、增加出资、发行新股或者债转股。 1、增加票面价值 增加票面价值,是指公司在不改变原有股份总数的情况下增加每股金额。通过这种方式可以达到增加资本的目的。譬如,法定公积金&a…

增资扩股对于企业(公司)来说十分重要,你不得不重视

所谓增资扩股,是指公司为扩展消费运营范围,优化股权结构和比例,进步公司资信度和竞争力,依法增加注册资本的一种行为,一家成功的企业,在其展开壮大的过程中,常常要阅历一次又一次的增资扩股。在…

知识管理——知识经济时代的增资利器

工业经济时代,企业管理的重点是如何增加生产、加快流通和销售。知识经济时代,企业处在知识化、信息化的系统环境中,面对急剧增长的知识和信息,面临一种以知识为基础的更高形态的竞争,企业的兴衰成败、实力强弱已不再取…

初识阿里云(云计算)--发展历程和技术架构、地域和可用区

文章目录 一、初识阿里云1.概述2.阿里云log3.品牌口号4.云计算价值 二、阿里云整体架构1.阿里云发展历程2.阿里云技术架构3.地域和可用区 三、云端实践1.杭州城市大脑2.12306网站3.天弘基金与余额宝 一、初识阿里云 1.概述 阿里云,阿里巴巴集团旗下云计算品牌&…