利用Python實現顏色色值轉換的小工具,python顏色
先看看Zeplin 的顏色色值顯示樣本
原有處理方式
因為我會 Python (僅限於終端輸入 python 然後當做計算機算,或者用 hex() 函數把十進位轉換成十六進位),所以遇到這樣的問題我當然是採用python 的 hex() 函數做轉換,然後手動結果輸入到 Android Studio 中。
採用 hex 函數手動轉換色值
動機
人總是懶得,想要寫這個小工具已經很久了,我也打過有過構思就是:
輸入: 類似 RGB 的十進位值(110, 122 138),用空格或者逗號分割一下。
輸出: 一個十六進位的 RGB 顏色色值(#6e7a8a)。
但就一直沒動手,一直講究著。真懶!
開幹
1.首先我需要輸入函數
我開啟我之前學習 Python 的檔案夾,裡面正好有一個 raw_input 的樣本:
#!/usr/bin/python#coding=utf-8raw_input("\n\n等輸入")
在終端執行 python input.py 後, 可以輸入文字。
我需要接受到使用者輸入的資訊。怎麼接收忘記了, Google 之,得到結果,順便改改輸入提示,列印出輸入的內容:
input = raw_input("\n輸入顏色 比如50 144 60:\n")print(input)
2. 需要分割字元
查詢到python 字元分割函數 split() ,預設不傳入參數就可以用空白符分割。原本還說用英文逗號(,)作為分隔字元,現在看來可以省了,直接用空格分割,無論多少空格都可以自動分割。於是加上代碼:
rgbColorArray = input.split()print(rgbColorArray)
3. 需要遍曆數組
簡單的遍曆數組的是怎麼弄的也忘記了,同樣搜尋:
for x in rgbColorArray: print(x)
4. 字元轉成十六進位
這個時候拿到了字串,要變成十六進位的字串。這個時候需要兩個函數, int() 和 hex() ,int 函數可以將字串轉成 int 類型,而 hex 則接受數字參數,返回字串。 0x開始的字串。
於是就有了第一個版本。
第一個版本
第一個版本執行結果
寫出這樣的基礎版本已經基本可以得到我想要的結果了,缺點是還需要我手動收入,動用大腦記憶十六進位色值然後輸入。希望可以直接複製最後結果。
再進一步
雖然結果已經出來了,但是還是希望可以在進步一些,有幾個問題:
1、當要轉換的數字小於16的時候 只有一位不顯示,比如11 顯示的結果是0xB
2、現實的結果多了0x
3、顯示的結果最好連在一起方便複製,而不是每個顏色一行。
那麼就需要遍曆顏色值數組,去掉0x 字串, 判斷小於16的前面補上0。連續在一起輸出結果。
for 迴圈遍曆數組
前面用到了 for 迴圈,是從查到的範例,不過多行就不知道怎麼弄了。java 寫多了一般都是 { } 大括弧括起來。
繼續查資料,於是知道是大概下面這樣的用法。
#!/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 代碼看了看,大概知道不用聲明什麼類型,直接用就好了。
於是有了代碼:
output = "#"for x in rgbColorArray: intx = int(x) output = output + hex(intx)print(output)
字串裁剪 和拼接。
需要把多餘的0x 兩位去掉。
用到字串裁剪,依然尋找範例。
#!/usr/bin/pythonvar1 = 'Hello World!'var2 = "Python Runoob"print "var1[0]: ", var1[0]print "var2[1:5]: ", var2[1:5]這個範例的執行結果:var1[0]: Hvar2[1:5]: ytho
順便問了旁邊也在學習 python 的同事,他告訴我後面的索引可以省略,代表直接裁剪到結尾。
比如上面的例子如果 print "var2[1:]", var2[1:] 得到的結果應該是 ython Runoob
所以有代碼:
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
if intx < 16: output = output + '0' + hex(intx)[-2:] else: output = output + hex(intx)[-2:]
這樣就有了python 檔案:
#!/usr/bin/python#coding=utf-8input = 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 colorU.py
或者寫全 colorU.py 這個路徑。都是很麻的事情,所以我需要把 colorU 加入環境變數中。我用的是 zsh,所以找到環境變數的設定檔:~/.zshrc,末尾加上配置:
alias colorU="python ~/Documents/Development/PythonStudy/colorU.py"
這個是經過另外以為同事指導後的最後可行版本,我最初的思路是把 colorU.py 檔案設定成可執行檔,然後加入到 Path 當中。結果我把 colorU.py 這個檔案的地址加入到了 Path 中,世界上PATH 應該是一個目錄。這樣添加別名的方式更方便。
後續
後來據說 Zeplin 的用戶端可以預設顯示十六進位的色值,而我用的是網頁版的,所以沒有。也就是說如果我裝用戶端就可以不用我寫的這個指令碼了。但沒關係我學習了 python,寫了我自己的第一個真正有用的 python 代碼。
一個bug:我是在寫這篇文章的時候才發現這個 bug 的,類似0x33這樣的字串從後往前裁剪的時候寫[-2:],當然沒有問題,但是寫0xf 這樣的字串就會有問題了。程式輸入 5 5 5得到的結果是 #0x50x50x5。修改成[2:] 的裁剪就可以了。
倒向裁剪字串引起的bug
還可以繼續升級體驗:
a. 直接在終端中輸入 colorU 231 234 123 就可以得到結果 #e7ea7b;
b. 配合Alfred, 呼出 Alfred 視窗後,輸入色值,得到結果,斷行符號直接複製十六進位到粘貼板。
c. 儲存之前已經轉換過的色值,方便重複使用的顏色,直接複製十六進位顏色。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的協助,如果有疑問大家可以留言交流。