鏈接:https://uiiiuiii.com/software/176158.html
平時收藏了很多配色方案,可真正用起來的時候,卻發現實際運用和預期差很多,反反覆覆換配色非常頭痛!
今天給大家安利的這個神器就可以搞定這個難題~Colorffy不僅能提供精美的色卡,還支持UI控件、字體搭配、圖標的配色效果在線預覽,省時又省心~
到底怎麼用呢?我們一起來看看吧
首頁打開是這樣滴
(界面是英文的話,用chrome的谷歌翻譯插件翻譯下就好~)
![設計神器 Colorffy!UI配色及效果預覽網站](http://p2.ttnews.xyz/loading.gif)
我們先來看看漸變的色卡是什麼效果~
![設計神器 Colorffy!UI配色及效果預覽網站](http://p2.ttnews.xyz/loading.gif)
在搜索框裡可以搜索需要調配的主色,網站就會提供相關的配色方案
比如,我們來搜索下「orange」試試~鏘鏘鏘,一片祥和的橘色…
網站提供了各種模式下的原色數值,包括十六進制、RGB、HSL、CMYK,保證滿足你的各種需要~
除此之外,還有UI控件、字體顏色的效果預覽,非常方便
甚至還考慮到了特殊人群的需求,提供了超級人性化的視覺預覽!
更貼心的是,不同應用場景下的配色效果網站也有提供!
在網頁最下方打開夜晚模式後,就可以看到UI配色在暗夜模式下的效果~
接下來我們試試調色板
在首頁或者網頁右上角選擇調色板選項後,可以看到超多配色方案!
打開配色方案後,在頁面最上方點擊色值就可以一鍵複製了~
網站還即時的提供了色彩下圖標的配色結果~
不僅如此,Colorffy還支持圖片的色彩抓取 !
在網頁右上角的功能欄裡選擇【顏色提取】,上傳一張圖片,還能馬上抓取圖
片裡的色彩哦~
不過這裡就沒有提供具體的顏色數值了,大家可以截圖後利用吸管工具吸取)
Colorffy無需翻Q,無廣告~功能全面,易操作,支持效果在線實時預覽,可以說是設計師的貼心小棉襖了!
最後po一次鏈接https://www.colorffy.com/,快去試試吧~
如果有幫助的話,別忘了三連我哦!
閱讀更多 頂點設計 的文章