色碼擷取器 – Gpick vs Gcolor2
最后更新于:2022-04-01 10:45:00
# 完全用 GNU/Linux 工作
### 14. 色碼擷取器 - Gpick vs Gcolor2
在開發網頁時多少會自訂些顏色來符合網站整體的風格,這時凍仁會先透過「色碼擷取器」來挑選適合的顏色。在 GNU/Linux 裡我們可以使用 [Gpick](http://code.google.com/p/gpick/) 及 [Gcolor2](http://gcolor2.sourceforge.net/) 來擷取它們。
Gpick 是個基於 C++ 及 GTK+ 所開發的進階色碼擷取器,完整度比 Gcolor2 高上不少。前者除了色碼擷取 (Color picker) 跟色碼產生器 (Scheme generation) 以外,更多了協助色碼擷取的貼心放大鏡以及版面預覽 (Layout preview) 功能。
![2013-10-01-gpick-01.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa040cd.png "2013-10-01-gpick-01.png")
▲ Gpick 截圖。
安裝 gpick
~~~
# Arch Linux
$ sudo pacman -S gpick
# CentOS, RHEL, Fedora
$ sudo yum install gpick
# Debian, Ubuntu
$ sudo aptitude install gpick
# SUSE, openSUSE
$ sudo zypper in gpick
~~~
色碼擷取 (Color picker):移動滑鼠並於欲擷取的地方按下空白鍵。
![2013-10-01-gpick-02.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa13d7c.png "2013-10-01-gpick-02.png")
▲ Color picker。
色碼產生器 (Scheme generation):轉動色盤以產生各種顏色。
![2013-10-01-gpick-03.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa2bba9.png "2013-10-01-gpick-03.png")
▲ Scheme generation。
版面預覽 (Layout preview):藉由蒐集的色碼進行網頁、選單等的設計。
![2013-10-01-gpick-04.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa43f7e.png "2013-10-01-gpick-04.png")
▲ Layout preview。
色碼轉換:在色碼、區塊上開啟右鍵選單時可透過「複製到寫字板 (Copy to clipboard)」將色碼轉成 16 進位、RGB、HSL 三種格式。
![2013-10-01-gpick-05.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa5a277.png "2013-10-01-gpick-05.png")
▲ Copy to clipboard。
若客官喜歡功能較簡潔的色碼擷取器,不訪試試看 Gcolor2,其套件容量約比 Gpick 小 3 倍。
~~~
# Debian, Ubuntu
$ sudo aptitude install gcolor2
# CentOS 6.4 的套件庫尚未收錄 gcolor2。
~~~
![2013-10-01-gcolor2-01.png](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-08-18_55d2bbaa6e648.png "2013-10-01-gcolor2-01.png")
▲ gcolor2 截圖。
### 資料來源
- [HSL 和 HSV 色彩空間 - 維基百科](http://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4)
- [[CSS3] hsl 及 hsla 顏色 | 男丁格爾's 脫殼玩](http://abgne.tw/css/css3-lab/css3-hsl-hsla-color.html)
- [gpick: 功能强大的拾色器 — LinuxTOY](http://linuxtoy.org/archives/gpick.html)
- [Digitized Life: 玄關色彩計畫 - Gpick](http://digitized-life.blogspot.tw/2012/09/blog-post_30.html)
- [PicPick](http://www.picpick.org/en/) - Color picker for Windows.
- [PicPick v3.2.7 抓圖、圈選、畫箭頭、加註解…一次搞定!(繁體中文版) | 重灌狂人](http://briian.com/?p=6086)