神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站 - 优设-UISDC

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站

2016/10/18 14527评论区

google-rgb-color-websites-1

编者按:今天推荐的这两个神器,一个是谷歌的小功能,只要输入色码就可以出现选色工具。另外推荐了5个使用频率较高的配色灵感在线工具,一起来收!

Google 搜寻

只要在 Google 搜寻框输入色码(HEX 或 RGB)等搜寻关键词就能开启小工具,它包含一个简单取色功能,能在调色盘中取得各种颜色,以及 HEX(#cccccc)或 rgb(204, 204, 204) 色码,还能转换为 HSV、HSL 及 CMYK。

最方便的是使用者不用记住特定关键词,只要直接将色码贴到搜寻框,Google 就会立即在搜寻结果最上方出现选色工具,内建色码查询转换功能,Google 不仅可以帮忙我们找到答案,更在适当时机提供最适合的解决方案。

STEP 1

在搜寻框输入例如「rgb(27, 127,163)」的 RGB 色码格式后,在搜寻页面最上方会出现调色盘,利用拖曳下方的颜色轴和白色圈圈位置选颜色,HEX 和 RGB 色码就会实时显示于左侧。

uisdc-g-20161018-2

STEP 2

另一个 Google 色彩工具的用法是如果你想将色码转为其他格式,一样在搜寻框输入原有色码,接着点选下方的「Show Color Values」就会出现该颜色在其他色彩单位的色值,支持 HEX、RGB、HSV、HSL 和 CMYK。

uisdc-g-20161018

整体来说,Google 内建的选色器、色码转换工具确实帮使用者省下许多时间,不用在搜寻结果中苦苦寻找转换器,直接在色彩工具就能进行色码查询和转换,比较可惜的是功能设计似乎还没有非常完善,例如无法直接在左侧变换色码、自动复制等等。

uisdc-g-20161018-3

1. Adobe Color CC

Adobe Color CC (也被称为Adobe Kuler)是一个在线配色工具,可以创建和保存色板,在左侧选择不同的配色模式,底部可以手动修改RGB值。

1-adobe-color-tool-hb

2. Gradify

Gradify 可以把你的图片的主色转换成渐变效果,并且生成一套可拓展的CSS 代码。

2-gradient-module-tool-hb

3. LOLColors

LOLColors 收藏了一系列色板,可以帮你找到灵感。

3-curated-color-palettes

4. Colordot

Colordot 让你的屏幕变成一个超大的拾色器,你可以随意移动鼠标去选择不同的颜色,水平移动调整色相,垂直移动调整明度,鼠标滚轮调整饱和度。想采集某个颜色,单击就行了。

4-color-picker-tool

5. Paletton

Paletton 是另外一个可以帮你找到优秀颜色的网站,不仅提供了对比色、类似色等多种模式选择,而且还可以进行预览。

5-best-color-tool

「优设酷站22连发!」

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:free.com.tw

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/google-rgb-color-websites

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里