神器兩連發！谷歌新出的取色小工具+5個常用的色彩靈感網站

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

Google 搜尋

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

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

STEP 1

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

STEP 2

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

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

1. Adobe Color CC

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

2. Gradify

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

3. LOLColors

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

4. Colordot

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

5. Paletton

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

「優設酷站22連發！」

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

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

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