一、十六进制色值

使用Pyecharts画图的过程中,经常需要设置元素的颜色,如下面的title_color、subtitle_color、background_color。

geo =Geo("Geo地图示例", "",width=1200, height=800, title_pos='center',title_top=20, title_color="#2E2E2E",subtitle_color='#aaa000',title_text_size=16,subtitle_text_size=12,background_color='#626262',page_title='Echarts',renderer='canvas',is_animation=True)

title_color="#2E2E2E",这里定义颜色用到的是十六进制RGB配色方案,“#”先不解释它,“2E2E2E”拆分3部分(2E:2E:2E),每部分2个值,各对应R值、G值和B值,2E(十六进制)=2×16+14=46(十进制),所以2E2E2E代表的就是RGB(46,46,46),即灰色。

不知道什么是RGB?

RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

通常情况下,RGB各有256级亮度,用数字表示为从0、1、2...直到255。注意虽然数字最高是255,但0也是数值之一,因此共256级。0代表亮度最低,255代表亮度最高。综上,可以很自然的想到,如果三个颜色的亮度都调到最高值255,那么得到的颜色{RGB(255,255,255)=#FFFFFF}就是白色,如果三个亮度值都是最低值0,颜色{RGB(0,0,0)=#000000}就是黑色。

好了,到这里算是搞清楚咱们填的这些“#2E2E2E”、“#aaa000”、“#626262”代表的是什么意思了。

但是问题来了,不可能要求我们为了挑个颜色去学RGB配色方案吧?我随便说一个紫色、橙色,你来告诉RGB是多少,再转换成十六进制,怎么可能??

二、如何快速选择色值

十六进制色值的选择,在纠结了一段时间后,总结了2个方法,供各位参考。

2.1、借助excel的颜色

如下图,在excel中打开:颜色管理器--自定义,选择自己想要的颜色,下方会给出当前颜色的RGB值,这时我们只需要把76:188:135转换为十六进制就行了,即是#4EBC87

76 = 4×16+12 = 4E  ;   188 = 11×16+12 = BC   ;  135 = 8×16+7=87

2.2、RGB颜色查询网

机缘巧合下,找到了一个很好的网站:https://www.fontke.com/tool/rgb/。如下图

根据需要选择对应的色系(个人感觉,这里的搜索功能有点废),点进行后会看到如下页面,这时会看到定义好的补色、对比色、饱和度、暗度等等十六进制色值,复制一下就好了。

Pyecharts上的颜色设置相关推荐

  1. Echarts字体和线条颜色设置操作笔记

    这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记,希望文章对你有所帮助,主要是自己的在线笔记吧.我在前面先放各种修改前后图片颜色的对照,后面再详细介绍代码.这样更方便阅读及读者知道,是否 ...

  2. pyecharts柱状图颜色设置

    前言 在b站学习python时,做动态GDP柱状图绘制时,弹幕有人问如何将中国的柱状颜色设置的与其他颜色不同,根据视频中的代码没有办法动态设置中国颜色,搜索了一些文章后,在作者:jayvee_ 文章: ...

  3. Mac上的QQ字体大小和颜色设置

    在使用Mac电脑登录QQ时,可能会发现默认的字体大小和颜色不太适合自己的喜好,那么如何来设置QQ的字体大小和颜色呢?下面就为大家介绍一下具体的设置方法. 一.QQ字体大小设置 在QQ的主界面中,找到并 ...

  4. iOS开发技巧(系列十八:扩展UIColor,支持十六进制颜色设置)

    新建一个Category,命名为UIColor+Hex,表示UIColor支持十六进制Hex颜色设置. UIColor+Hex.h文件, #import <UIKit/UIKit.h> # ...

  5. windows cmd color颜色设置

    上一篇我们讲了去模仿电影黑客的命令界面,其中有关于cmd命令行的颜色设置,下面就细说一下: 1.cmd进入命令 2.color+空格+?    系统会给与相关提示: 3.可以看出颜色是一个十六进制控制 ...

  6. android 颜色资源文件,android中colors.xml颜色设置资源文件的方法

    1. 打开res目录下的values文件夹,双击打开colors.xml文件进行编辑 上代码 #008577 #00574B #D81B60 #ff0000 #0000ff 2. 在res目录下的la ...

  7. 【SeeMusic】音符方块颜色设置 ( 单一颜色设置 | 多彩音符设置 | 定时变色设置 | 渐变颜色 | 分轨道提示 )

    SeeMusic 系列文章目录 [SeeMusic]下载安装并注册 SeeMusic 软件 [SeeMusic]购买付费版本 ( 进入购买页面 | 购买流程 ) [SeeMusic]创建 SeeMus ...

  8. 计算机桌面颜色如何设置标准,电脑调整桌面颜色设置_电脑桌面颜色设置

    2016-12-09 09:18:44 具体方法如下:1.鼠标点击桌面右键,属性2.打开显示属性圣话框,选择"外观"选项高级3.打开高级外观对话框,选择"项目" ...

  9. Linux centos 主机名颜色设置 和 别名设置

    方便和乐趣写今天.至于为什么主机名颜色设置 和 别名设置放在一起写.这是因为他们的设置是在一个文件中..bashrc. .bashrc放在cd /root 这个文件夹下! 这个文件主要保存个人的一些个 ...

  10. VC 控制台颜色设置

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 通常控制 ...

最新文章

  1. JPA关系映射之one-to-many和many-to-one
  2. python备份cisco交换机_Python备份Cisco交换机配置 | CN-SEC 中文网
  3. (JavaWeb)IDEA中JDBC的使用
  4. CTF中智能合约部署交互基础
  5. java垃圾回收策论_深入理解 Java 虚拟机【3】垃圾收集策略与算法
  6. javafx动画_JavaFX:创建Sprite动画
  7. oracle全局批准供应商,Oracle EBS-SQL (PO-7):检查异常-非批准的供应商设置供货比例.sql...
  8. Python基础知识从hello world 开始(第一天)
  9. android手机连不上wifi,手机连不上wifi怎么办
  10. 排列组合cn和an公式
  11. Xcode 9中模拟器的位置
  12. Feign与Gateway
  13. 面试被问扔鸡蛋问题:100层扔鸡蛋问题(扔球问题)
  14. BZOJ.2069.[POI2004]ZAW(最短路Dijkstra 按位划分)
  15. 关于 Ant Design 的一些笔记
  16. 什么是沟通能力?如何提高沟通能力?
  17. MySQL学习(一)——常用语句
  18. adobe 后缀勒索病毒解密成功
  19. HoloLens开发(配置)
  20. 您的电脑遇到问题需要重启 我们只是收集(5步解决)

热门文章

  1. 那些你所不知道的结构光技术
  2. 怎么查看自己网站的访问量
  3. 全国大学生英语竞赛C类
  4. MoSE论文中Sequential Synthetic Dataset生成代码(时间序列多任务学习数据集)
  5. 计算机的软键盘在哪里,如何调出软键盘_怎么在电脑上调出软键盘_如何调出搜狗软键盘-Guide信息网...
  6. Android旅游自助项目之APP设计方案
  7. android 设置来电铃声
  8. 数据仓库之内容建设(架构、分层、主数据、指标体系、词根、血缘)
  9. L-TAGE预测器 “A 256 Kbits L-TAGE branch predictor”
  10. 含echarts图表の网页打印