編者按：今天推薦的這兩個神器，一個是谷歌的小功能，只要輸入色碼就可以出現(xiàn)選色工具。另外推薦了5個使用頻率較高的配色靈感在線工具，一起來收！

Google 搜尋

只要在 Google 搜尋框輸入色碼（HEX 或 RGB）等搜尋關(guān)鍵詞就能開啟小工具，它包含一個簡單取色功能，能在調(diào)色盤中取得各種顏色，以及 HEX（#cccccc）或 rgb(204, 204, 204) 色碼，還能轉(zhuǎn)換為 HSV、HSL 及 CMYK。

最方便的是使用者不用記住特定關(guān)鍵詞，只要直接將色碼貼到搜尋框，Google 就會立即在搜尋結(jié)果最上方出現(xiàn)選色工具，內(nèi)建色碼查詢轉(zhuǎn)換功能，Google 不僅可以幫忙我們找到答案，更在適當時機提供最適合的解決方案。

STEP 1

在搜尋框輸入例如「rgb(27, 127,163)」的 RGB 色碼格式后，在搜尋頁面最上方會出現(xiàn)調(diào)色盤，利用拖曳下方的顏色軸和白色圈圈位置選顏色，HEX 和 RGB 色碼就會實時顯示于左側(cè)。

STEP 2

另一個 Google 色彩工具的用法是如果你想將色碼轉(zhuǎn)為其他格式，一樣在搜尋框輸入原有色碼，接著點選下方的「Show Color Values」就會出現(xiàn)該顏色在其他色彩單位的色值，支持 HEX、RGB、HSV、HSL 和 CMYK。

整體來說，Google 內(nèi)建的選色器、色碼轉(zhuǎn)換工具確實幫使用者省下許多時間，不用在搜尋結(jié)果中苦苦尋找轉(zhuǎn)換器，直接在色彩工具就能進行色碼查詢和轉(zhuǎn)換，比較可惜的是功能設(shè)計似乎還沒有非常完善，例如無法直接在左側(cè)變換色碼、自動復(fù)制等等。

1. Adobe Color CC

Adobe Color CC （也被稱為Adobe Kuler）是一個在線配色工具，可以創(chuàng)建和保存色板，在左側(cè)選擇不同的配色模式，底部可以手動修改RGB值。

2. Gradify

Gradify 可以把你的圖片的主色轉(zhuǎn)換成漸變效果，并且生成一套可拓展的CSS 代碼。

3. LOLColors

LOLColors 收藏了一系列色板，可以幫你找到靈感。

4. Colordot

Colordot 讓你的屏幕變成一個超大的拾色器，你可以隨意移動鼠標去選擇不同的顏色，水平移動調(diào)整色相，垂直移動調(diào)整明度，鼠標滾輪調(diào)整飽和度。想采集某個顏色，單擊就行了。

5. Paletton

Paletton 是另外一個可以幫你找到優(yōu)秀顏色的網(wǎng)站，不僅提供了對比色、類似色等多種模式選擇，而且還可以進行預(yù)覽。

「優(yōu)設(shè)酷站22連發(fā)！」

1. 免費圖庫+導(dǎo)航收集站：《酷站兩連發(fā)！高品質(zhì)免費圖庫站+專注WEB/APP導(dǎo)航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網(wǎng)站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網(wǎng)站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網(wǎng)站+免費美女素材特供網(wǎng)站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網(wǎng)站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進制顏色網(wǎng)站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com