推荐多款好看的报表图表配色方案（适用于PPT，大屏可视化分析）
source link: https://www.itwork.club/2021/03/19/match-colors/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
推荐多款好看的报表图表配色方案（适用于PPT，大屏可视化分析）
Mar 19, 2021Colors22点击
好看的图表离不开配色，好看的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）
配色效果图全局概览：
Recommend
-
34
常听到一句话，“能用图描述的就不用表，能用表就不用文字”。这句话也直接的表明了：在认知上，大家对于图形的敏感度远比文字高。 但同...
-
33
ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 使用 JavaScript 实现开源的可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏...
-
33
今天谈下自定义报表和可视化监控大屏设计方面的内容，准备分三个部分来讲，第一是先看下当前主流的商用报表工具的功能特点，其次分别谈下报表设计和可视化监控大屏设计。 商用报表工具的实现思路 图片来源...
-
9
7个可视化图表设计优化技巧，让图表更好体验 5月 30, 2021 发表于: 视觉设计.
-
7
政务可视化设计经验——图表习惯 王亮亮同学 2021-06-30 0 评论...
-
10
我匿名了 07-03 22:06
-
16
Quick BI官网_BI数据可视化分析工具_智能报表-阿里云Quick BI官网_BI数据可视化分析工具_智能报表-阿里云
-
4
猫头鹰推出多款LGA 4677散热器，适用于英特尔至强WX-2400/3400系列处理器
-
2
metabase简介 Metabase 是一个开源的数据可视化工具，其引入的question概念使得非技术人员能够轻松地创建和共享自定义数据仪表板。Metabase 同时还支持用户通过简单的拖放界面连接到任何数据源，并使用直观的图表和图表来可视化数据。Metabase 还提供了丰富...
-
4
Redash简介 Redash 是一款开源的数据可视化和协作工具，旨在帮助企业和团队更容...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK