前端开发入门到精通的在线学习网站

网站首页 > 资源文章 正文

设计神器 Colorffy!UI配色及效果预览网站

qiguaw 2024-12-06 18:23:55 资源文章 14 ℃ 0 评论

作者:你丫才美工

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

平时收藏了很多配色方案,可真正用起来的时候,却发现实际运用和预期差很多,反反复复换配色非常头痛!

今天给大家安利的这个神器就可以搞定这个难题~Colorffy不仅能提供精美的色卡,还支持UI控件、字体搭配、图标的配色效果在线预览,省时又省心~

到底怎么用呢?我们一起来看看吧

首页打开是这样滴

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

我们先来看看渐变的色卡是什么效果~

在搜索框里可以搜索需要调配的主色,网站就会提供相关的配色方案

比如,我们来搜索下「orange」试试~锵锵锵,一片祥和的橘色…

网站提供了各种模式下的原色数值,包括十六进制、RGB、HSL、CMYK,保证满足你的各种需要~

除此之外,还有UI控件、字体颜色的效果预览,非常方便

甚至还考虑到了特殊人群的需求,提供了超级人性化的视觉预览!

更贴心的是,不同应用场景下的配色效果网站也有提供!

在网页最下方打开夜晚模式后,就可以看到UI配色在暗夜模式下的效果~

接下来我们试试调色板

在首页或者网页右上角选择调色板选项后,可以看到超多配色方案!

?打开配色方案后,在页面最上方点击色值就可以一键复制了~

网站还即时的提供了色彩下图标的配色结果~

?不仅如此,Colorffy还支持图片的色彩抓取 !

在网页右上角的功能栏里选择【颜色提取】,上传一张图片,还能马上抓取图

?片里的色彩哦~

不过这里就没有提供具体的颜色数值了,大家可以截图后利用吸管工具吸取)

Colorffy无需翻Q,无广告~功能全面,易操作,支持效果在线实时预览,可以说是设计师的贴心小棉袄了!

最后po一次链接https://www.colorffy.com/,快去试试吧~

如果有帮助的话,别忘了三连我哦!

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表