這個網站不僅可以幫你配色，還能在線快速預覽效果！

@WOOD短腿木 、@LXYFLASH?：如今，配色工具已經鋪天蓋地多到數都數不過來，但每次選好配色拖進軟件里一吸，發現實際效果總是不如意。一來二去，十分浪費時間。

?今天神器小分隊帶來的神器——Paletton就為此而來。不僅能運用配色原理快速生成色卡，更能將配色放入實例中預覽，幫你快速確定色彩效果。

Paletton

網站鏈接 ：http://paletton.com（建議搭梯子訪問，不然容易加載不出來）

配色方案生成和調整

Paletton 根據色彩設計理論，提供了單色、互補色、相鄰色、三色調以及四色調最實用的幾種配色方法，滿足各種配色需求。

點擊「互補（補充）」的小按鈕，即可為配色添加一個互補色。

用鼠標拖動光標，也可以改變配色效果。

如果想細節調整內環每個取色點的飽和度、亮度、對比度的話，按住shift鍵拖動取色點即可。

除此以外，我們還可以在色環的右下方點擊「Fine Tune」微調。

點擊下方的「PRESETS」，更是提供了一整套配色效果的色卡。

旁邊的色板也很直觀，主色跟輔助色的占比都很詳細。

當鼠標滑到相應的色塊，還會有相應 RGB數值出現，點擊后有更詳細的色彩分析。

更有不同的預覽方式可以選擇：

實例預覽

點擊「Vision simulation」。

還能選擇測試配色在色盲模式或者 Web模式時的顯色效果。

每種模擬效果都有很多細節的參數選擇。

拖動鼠標，移到「EXAMPLEAS」。這才是真正令人欲罷不能的功能——實例演示。

這個功能將你選取的配色方案在實例中展示，而且還能自動生成白天/夜晚模式不同的配色效果。

除了網頁配色效果以外，更支持不同的插畫效果配色預覽。

色卡保存

點擊右下角的「Table&Export」，即可生成色板。

不僅可以生成圖片色卡，更能直接導入 PS 和 Sketch 中使用。

最后

如果配色不符合你的心意，在右上角還有隨機。不小心選錯顏色也可以選擇重制和撤銷。

Paletton 的配色有理論和具體的參數可循，可以非常方便的實例模擬，大大降低了設計中反復更換配色的時間成本，幫你用更快的時間，完成最棒的設計。無需注冊，畫面簡單，功能實用，是值得收藏使用的一大利器。

想要了解更多的設計神器，可以關注?@你丫才美工?美丫姐

歡迎同學們關注最充滿智（dou）慧（bi）的設計賬號：