完全用 GNU/Linux 工作

14. 色碼擷取器 - Gpick vs Gcolor2

在開發網頁時多少會自訂些顏色來符合網站整體的風格，這時凍仁會先透過「色碼擷取器」來挑選適合的顏色。在 GNU/Linux 裡我們可以使用 Gpick 及 Gcolor2 來擷取它們。

Gpick 是個基於 C++ 及 GTK+ 所開發的進階色碼擷取器，完整度比 Gcolor2 高上不少。前者除了色碼擷取 (Color picker) 跟色碼產生器 (Scheme generation) 以外，更多了協助色碼擷取的貼心放大鏡以及版面預覽 (Layout preview) 功能。

2013-10-01-gpick-01.png

▲ Gpick 截圖。

安裝 gpick

  1. # Arch Linux
  2. $ sudo pacman -S gpick
  4. # CentOS, RHEL, Fedora
  5. $ sudo yum install gpick
  7. # Debian, Ubuntu
  8. $ sudo aptitude install gpick
  10. # SUSE, openSUSE
  11. $ sudo zypper in gpick

色碼擷取 (Color picker)：移動滑鼠並於欲擷取的地方按下空白鍵。

2013-10-01-gpick-02.png

▲ Color picker。

色碼產生器 (Scheme generation)：轉動色盤以產生各種顏色。

2013-10-01-gpick-03.png

▲ Scheme generation。

版面預覽 (Layout preview)：藉由蒐集的色碼進行網頁、選單等的設計。

2013-10-01-gpick-04.png

▲ Layout preview。

色碼轉換：在色碼、區塊上開啟右鍵選單時可透過「複製到寫字板 (Copy to clipboard)」將色碼轉成 16 進位、RGB、HSL 三種格式。

2013-10-01-gpick-05.png

▲ Copy to clipboard。

若客官喜歡功能較簡潔的色碼擷取器，不訪試試看 Gcolor2，其套件容量約比 Gpick 小 3 倍。

  1. # Debian, Ubuntu  
  2. $ sudo aptitude install gcolor2  
  4. # CentOS 6.4 的套件庫尚未收錄 gcolor2。

2013-10-01-gcolor2-01.png

▲ gcolor2 截圖。

資料來源