Python 实现一个颜色色值转换的小工具


Posted in Python onDecember 06, 2016

需求说明

公司的 UI 设计小哥,已经转用 Zeplin 很久了。Zeplin 的设计稿展示页面的颜色色值使用十进制的 RGB 表示的,在 Android 中的颜色表示大多情况下都需要十六进制的 RGB 表示。我的数学没有好到直接看到十进制就可以心算得到十六进制的结果,所以我需要一个工具,输入十进制的 RGB ,得到十六进制的色值,最好可以方便复制。

Python 实现一个颜色色值转换的小工具

 Zeplin 的颜色色值显示示例

原有处理方式

因为我会 Python (仅限于终端输入 python 然后当做计算器算,或者用 hex() 函数把十进制转换成十六进制),所以遇到这样的问题我当然是采用python 的 hex() 函数做转换,然后手动结果输入到 Android Studio 中。

Python 实现一个颜色色值转换的小工具

采用 hex 函数手动转换色值

动机

人总是懒得,想要写这个小工具已经很久了,我也打过有过构思就是:

输入: 类似 RGB 的十进制值(110, 122 138),用空格或者逗号分割一下。

输出: 一个十六进制的 RGB 颜色色值(#6e7a8a)。

但就一直没动手,一直讲究着。真懒!

开干

1.首先我需要输入函数

我打开我之前学习 Python 的文件夹,里面正好有一个 raw_input 的示例:

Python代码

#!/usr/bin/python 

#coding=utf-8 

 

raw_input("\n\n等输入")

在终端执行 python input.py 后, 可以输入文字。

我需要接受到用户输入的信息。怎么接收忘记了, Google 之,得到结果,顺便改改输入提示语,打印出输入的内容:

Python代码

input = raw_input("\n输入颜色 比如50 144 60:\n") 
print(input)

2. 需要分割字符

查询到python 字符分割函数 split(),默认不传入参数就可以用空白符分割。原本还说用英文逗号(,)作为分隔符,现在看来可以省了,直接用空格分割,无论多少空格都可以自动分割。于是加上代码:

Python代码

rgbColorArray = input.split() 
print(rgbColorArray)

 

3. 需要遍历数组

简单的遍历数组的是怎么弄的也忘记了,同样搜索:

Python代码

for x in rgbColorArray: print(x)

4. 字符转成十六进制

这个时候拿到了字符串,要变成十六进制的字符串。这个时候需要两个函数, int() 和 hex(),int 函数可以将字符串转成 int 类型,而 hex 则接受数字参数,返回字符串。 0x开始的字符串。

于是就有了版的。

于是就有了第一个版本。

第一个版本

Python 实现一个颜色色值转换的小工具

第一个版本

Python 实现一个颜色色值转换的小工具

第一个版本执行结果

写出这样的基础版本已经基本可以得到我想要的结果了,缺点是还需要我手动收入,动用大脑记忆十六进制色值然后输入。希望可以直接复制最后结果。

再进一步

虽然结果已经出来了,但是还是希望可以在进步一些,有几个问题:

1. 当要转换的数字小于16的时候 只有一位不显示,比如11 显示的结果是0xB

2. 现实的结果多了0x

3. 显示的结果最好连在一起方便复制,而不是每个颜色一行。

那么就需要遍历颜色值数组,去掉0x 字符串, 判断小于16的前面补上0。连续在一起输出结果。

for 循环遍历数组

前面用到了 for 循环,是从查到的范例,不过多行就不知道怎么弄了。java 写多了一般都是 { } 大括号括起来。

继续查资料,于是知道是大概下面这样的用法。

Python代码

#!/usr/bin/python 
# -*- coding: UTF-8 -*- 
 
for num in range(10,20): # 迭代 10 到 20 之间的数字 
 for i in range(2,num): # 根据因子迭代 
  if num%i == 0:  # 确定第一个因子 
   j=num/i   # 计算第二个因子 
   print '%d 等于 %d * %d' % (num,i,j) 
   break   # 跳出当前循环 
 else:     # 循环的 else 部分 
  print num, '是一个质数'

变量声明

由于需要不换行,所以就需要字符连接,而不是直接 print。

声明变量又遇到问题了。根据前面的变量使用情况,找了些 python 代码看了看,大概知道不用声明什么类型,直接用就好了。于是有了代码:

Python代码

output = "#" 
for x in rgbColorArray: 
 intx = int(x) 
 output = output + hex(intx) 
print(output)

字符串裁剪和拼接

需要把多余的0x 两位去掉。

用到字符串裁剪,依然寻找范例。

Python代码

#!/usr/bin/python 
 
var1 = 'Hello World!' 
var2 = "Python Runoob" 
 
print "var1[0]: ", var1[0] 
print "var2[1:5]: ", var2[1:5]

这个范例的执行结果:

Python代码

var1[0]: H 
var2[1:5]: ytho

顺便问了旁边也在学习 python 的同事,他告诉我后面的索引可以省略,代表直接裁剪到结尾。

比如上面的例子如果 print "var2[1:]", var2[1:] 得到的结果应该是 ython Runoob

所以有代码:

Python代码

output = "#" 
for x in rgbColorArray: 
 intx = int(x) 
 output = output + hex(intx)[2:] 
print(output)

也可以从后往前数,比如还是上面的范例可以写成。比如上面的例子如果 print "var2[-1:]", var2[-1:] 得到的结果应该是 ob 也就是字符串的后两位。

于是我们这里可以写成hex(intx)[-2:] (因为输出字符串类似是0x23, 这样的)就是这个导致我后面写了个 bug,我也文章最后说明这个 bug 是什么。

if else 判断

接着要做一个判断,给一位的补上0

Python代码

if intx < 16: 
 output = output + '0' + hex(intx)[-2:] 
else: 
 output = output + hex(intx)[-2:]

这样就有了python 文件:

Python代码

#!/usr/bin/python 
#coding=utf-8 
 
input = raw_input("\n输入颜色 比如50 144 60:\n") 
#print(input) 
 
rgbColorArray = input.split() 
print(rgbColorArray) 
 
output = "#" 
for x in rgbColorArray: 
 intx = int(x) 
 if intx < 16: 
  output = output + '0' + hex(intx)[-2:] 
 else: 
  output = output + hex(intx)[-2:]  
#print(hex(int(x))) 
print(output)

还有最后一步:把 ColorU 加入到环境变量中

这个时候我可以得到我要的记过了,但是有点不太方便,我需要到这个 python 文件所在的目录下写

Python代码

python colorU.py

或者写全 colorU.py 这个路径。都是很麻的事情,所以我需要把 colorU 加入环境变量中。我用的是 zsh,所以找到环境变量的配置文件:~/.zshrc,末尾加上配置:

Python代码

alias colorU="python ~/Documents/Development/PythonStudy/colorU.py"

这个是经过另外以为同事指导后的最后可行版本,我最初的思路是把 colorU.py 文件设置成可执行文件,然后加入到 Path 当中。结果我把 colorU.py 这个文件的地址加入到了 Path 中,世界上PATH 应该是一个目录。这样添加别名的方式更方便。

也就是说如果我装客户端就可以不用我写的这个脚本了。但没关系我学习了 python,写了我自己的第一个真正有用的 python 代码。

2. 一个bug:我是在写这篇文章的时候才发现这个 bug 的,类似0x33这样的字符串从后往前裁剪的时候写[-2:],当然没有问题,但是写0xf 这样的字符串就会有问题了。程序输入 5 5 5得到的结果是 #0x50x50x5。修改成[2:] 的裁剪就可以了。

Python 实现一个颜色色值转换的小工具

倒向裁剪字符串引起的bug

还可以继续升级体验:

a. 直接在终端中输入 colorU 231 234 123 就可以得到结果 #e7ea7b;

b. 配合Alfred, 呼出 Alfred 窗口后,输入色值,得到结果,回车直接复制十六进制到粘贴板。

c. 保存之前已经转换过的色值,方便重复使用的颜色,直接复制十六进制颜色。

Python 相关文章推荐
Python对象的深拷贝和浅拷贝详解
Aug 25 Python
Python下的Softmax回归函数的实现方法(推荐)
Jan 26 Python
基于pip install django失败时的解决方法
Jun 12 Python
用pycharm开发django项目示例代码
Jun 13 Python
Python搭建Spark分布式集群环境
Jul 05 Python
Python集合操作方法详解
Feb 09 Python
基于python实现FTP文件上传与下载操作(ftp&amp;sftp协议)
Apr 01 Python
Python使用Selenium实现淘宝抢单的流程分析
Jun 23 Python
Python实例方法、类方法、静态方法区别详解
Sep 05 Python
python 动态绘制爱心的示例
Sep 27 Python
python自动化测试三部曲之unittest框架的实现
Oct 07 Python
Python下opencv使用hough变换检测直线与圆
Jun 18 Python
python 线程的暂停, 恢复, 退出详解及实例
Dec 06 #Python
python 实现删除文件或文件夹实例详解
Dec 04 #Python
python 根据正则表达式提取指定的内容实例详解
Dec 04 #Python
python xml.etree.ElementTree遍历xml所有节点实例详解
Dec 04 #Python
Python性能提升之延迟初始化
Dec 04 #Python
python中redis的安装和使用
Dec 04 #Python
Python正则表达式使用范例分享
Dec 04 #Python
You might like
php将session放入memcached的设置方法
2014/02/14 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
js阻止事件追加的具体实现
2014/10/15 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
JavaScript DOM基础
2015/04/13 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
Python fileinput模块使用实例
2015/06/03 Python
Python实现计算最小编辑距离
2016/03/17 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
python实现图片插入文字
2019/11/26 Python
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
标准的毕业生自荐信
2014/04/20 职场文书
五好关工委申报材料
2014/05/31 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
企业愿景口号
2015/12/25 职场文书
话题作文之成长
2019/12/09 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL
Python字典的基础操作
2021/11/01 Python
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android
Python如何用re模块实现简易tokenizer
2022/05/02 Python