TOP UI 設計師在色彩搭配的時候，他們在用什麼利器？細數實用的色彩搭配工具，Color Picker/取色/配色工具

（稍微有點標題黨了，其實我也不是 TOP 啦，但我有志向！！）

我是菲！作為某豬廠的 UI 攻城獅一枚，入行快要滿年啦。今接到上級指示，「親的豬玲要到周歲了，也該總結一下了」！！！這是啥意思，我估計是沒活幹了，又不能讓我閑著。 前面幾個短文說了各種工作小技巧，本文也類似，我從收藏夾里翻出來一些好用的配色工具做分享。

秘訣，秘訣，秘訣，配色的關鍵在於憑直覺。調過色的同學應該有體驗，如果讓他憑空R、G、B 的色輪弄出一個好看的色彩搭配是很難的，直覺很容易收到其它色塊的干擾，很慢。正確的方法是：從大量的搭配方案中按直覺選擇。所以那種色輪之類的不好用的取色工具這裡就不表了，本文只關注符合我們要求的：

好用的工具必備的3個點：

1，能夠自動給出大量的高質量搭配方案

2，能夠收藏方案

3，能夠複製色彩數值

以上3點，真的是缺一不可！！！缺一不可！！！缺一不可！！！缺一不可！！！

1，ColorPad - 好用的色彩搭配工具

來自鵝廠朋友推薦，本獅最常用的，方案全質量高！！

Color Pad - 好用的色彩搭配工具|色輪/取色工具/色彩搭配/傳統中國色彩/古典色彩/商務色彩

高質量搭配方案?????? 可以收藏?????? 快速複製顏色代碼??????

特色: 大小窗口適配好，小窗口下也方便使用，配色資源全。有日漫啊新海誠啊等各種特色方案，非常好用！！！

2，霓虹色彩 s

很有設計感!!!的配色網站。告訴你色彩的名字，找靈感的時候瞧瞧不錯。http://nipponcolors.com/

高質量搭配方案???? 可以收藏?? 快速複製顏色代碼??

特色: 非常有設計感的網站，色彩也有名字！！找靈感的時候可以看看！！但是功能性不好。

3，HTMLcolorcodes

傳統的color picker+各種專題，Web配色很專業！！

高質量搭配方案 ???? 可以收藏???? 快速複製顏色代碼 ????

特色: 很專業的一些配色專題，比如整理的140中web命名色彩等，UI 也很好看，很不錯！

4，沒有第四個了！！

真正實用的真的不多，有些很華麗，但卻連個色彩代碼也複製不出來！怎麼說呢，對用戶關注的還不夠吧，可好用的知道的人又不多。我要說這是軟文也沒人知道？所以我也儘力了！！

我是菲，豬場的小工程師！！以上是我的分享，大家可以關注我的微博[菲之下2]！！！歡迎轉發！！歡迎留言加我好友！！