設計神器 Colorffy!UI配色及效果預覽網站

鏈接:https://uiiiuiii.com/software/176158.html

平時收藏了很多配色方案,可真正用起來的時候,卻發現實際運用和預期差很多,反反覆覆換配色非常頭痛!

今天給大家安利的這個神器就可以搞定這個難題~Colorffy不僅能提供精美的色卡,還支持UI控件、字體搭配、圖標的配色效果在線預覽,省時又省心~

到底怎麼用呢?我們一起來看看吧

首頁打開是這樣滴

(界面是英文的話,用chrome的谷歌翻譯插件翻譯下就好~)

設計神器 Colorffy!UI配色及效果預覽網站

我們先來看看漸變的色卡是什麼效果~

設計神器 Colorffy!UI配色及效果預覽網站

在搜索框裡可以搜索需要調配的主色,網站就會提供相關的配色方案

比如,我們來搜索下「orange」試試~鏘鏘鏘,一片祥和的橘色…

設計神器 Colorffy!UI配色及效果預覽網站

網站提供了各種模式下的原色數值,包括十六進制、RGB、HSL、CMYK,保證滿足你的各種需要~

設計神器 Colorffy!UI配色及效果預覽網站

除此之外,還有UI控件、字體顏色的效果預覽,非常方便

甚至還考慮到了特殊人群的需求,提供了超級人性化的視覺預覽!

設計神器 Colorffy!UI配色及效果預覽網站

更貼心的是,不同應用場景下的配色效果網站也有提供!

在網頁最下方打開夜晚模式後,就可以看到UI配色在暗夜模式下的效果~

設計神器 Colorffy!UI配色及效果預覽網站

接下來我們試試調色板

在首頁或者網頁右上角選擇調色板選項後,可以看到超多配色方案!

設計神器 Colorffy!UI配色及效果預覽網站

​打開配色方案後,在頁面最上方點擊色值就可以一鍵複製了~

設計神器 Colorffy!UI配色及效果預覽網站

網站還即時的提供了色彩下圖標的配色結果~

設計神器 Colorffy!UI配色及效果預覽網站

​不僅如此,Colorffy還支持圖片的色彩抓取 !

在網頁右上角的功能欄裡選擇【顏色提取】,上傳一張圖片,還能馬上抓取圖

​片裡的色彩哦~

設計神器 Colorffy!UI配色及效果預覽網站

不過這裡就沒有提供具體的顏色數值了,大家可以截圖後利用吸管工具吸取)

設計神器 Colorffy!UI配色及效果預覽網站

Colorffy無需翻Q,無廣告~功能全面,易操作,支持效果在線實時預覽,可以說是設計師的貼心小棉襖了!

最後po一次鏈接https://www.colorffy.com/,快去試試吧~

如果有幫助的話,別忘了三連我哦!


分享到:


相關文章: