參考出處：Mac — Adding Hex Color Picker to Color Picker
Mac app store 上有很多 Color Picker app，差不多 98% 都是需要付費，而這個小工具恰恰是開發中不可缺少一個東西。其實 Mac OSX 中就有自帶一個 ColorPicker，秉持著 DIY 的精神，用幾個小步驟就可以組合出顯示 Hex 色碼的 ColorPicker.app。
Mac 系統需求：10.4 and up
開啟 應用程式 / 工具程式 / AppleScript 編寫程式.app
編輯視窗中寫入:
接著儲存為 「ColorPicker.app」檔案格式選擇「應用程式」。
執行剛剛完成的 ColorPicker.app ，基本的 Mac 自帶顏色選擇器小工具就完成了。
接下來為了讓它更符合開發所需，必須要能顯示十六進位的網頁用色碼，所以要加裝一個小工具：Hex Color Picker (請抱持著感恩的心，感謝作者的分享）
下載你所需要的版本後解壓會看到 HexColorPicker.colorPicker
接著打開 Finder 的下拉式功能表 / 前往 / 前往檔案夾
鍵入文字：
Mac app store 上有很多 Color Picker app，差不多 98% 都是需要付費，而這個小工具恰恰是開發中不可缺少一個東西。其實 Mac OSX 中就有自帶一個 ColorPicker，秉持著 DIY 的精神，用幾個小步驟就可以組合出顯示 Hex 色碼的 ColorPicker.app。
Mac 系統需求：10.4 and up
開啟 應用程式 / 工具程式 / AppleScript 編寫程式.app
編輯視窗中寫入:
choose color
接著儲存為 「ColorPicker.app」檔案格式選擇「應用程式」。
執行剛剛完成的 ColorPicker.app ，基本的 Mac 自帶顏色選擇器小工具就完成了。
接下來為了讓它更符合開發所需，必須要能顯示十六進位的網頁用色碼，所以要加裝一個小工具：Hex Color Picker (請抱持著感恩的心，感謝作者的分享）
下載你所需要的版本後解壓會看到 HexColorPicker.colorPicker
接著打開 Finder 的下拉式功能表 / 前往 / 前往檔案夾
鍵入文字：
~/Library Finder 會開啟 使用者 / your name / 資源庫 檔案夾，將 HexColorPicker.colorPicker 拖曳到 ColorPickers 檔案夾中（無此檔案夾的話請自行建立）。再執行剛剛做好的 ColorPicker.app，就可以看到 hex color code 已經內建完成。
最後，因為 AppleScript 製作出的 app icon 實在太一般，怎麼樣也要多花個三分鐘將它改頭換面一番。
先求救 Google 大神，請它賜給你一個漂亮的 icon 圖片（這段請隨意）
挑一個順眼的圖片後，到免費的 image to icon 格式轉檔網站：
上傳你挑選好的圖片點選 convert ，完成後下載 Mac OSX icon .icns
最後一個步驟，打開 Finder ，找到你剛剛做好的 ColorPicker.app 點選滑鼠右鍵 / 簡介
將圖片拖曳到如下圖紅色箭頭所標小圖上，置換 icon 就是這麼簡單。
完成！
Comments
Post a Comment