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

本文来源:UiiiUiii.com @我是不高兴你是

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

网站链接:https://www.colorffy.com/

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

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

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

首页打开是这样滴

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

rr-0905-uips-1

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

rr-0905-uips-2

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

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

rr-0905-uips-3

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

rr-0905-uips-4

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

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

rr-0905-uips-5

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

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

rr-0905-uips-6

接下来我们试试调色板

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

rr-0905-uips-7

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

rr-0905-uips-8

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

rr-0905-uips-9

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

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

​片里的色彩哦~

rr-0905-uips-10

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

rr-0905-uips-11

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

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

在线工具

无需下载安装 7款免费便捷的网页截图在线工具

2020-8-14 13:26:45

在线工具

酷炫数据跑分图 零基础让你学会

2020-8-14 13:39:39

2 条回复 A文章作者 M管理员
  1. 扬帆
    UC Browser 13 UC Browser 13 Windows Server 2003 Windows Server 2003

    6666

  2. kekepai
    Google Chrome 78 Google Chrome 78 Windows 7 Windows 7

    这个很有用

个人中心
今日签到
有新私信 私信列表
搜索