请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:0| 主题:19121
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

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

[复制链接]
爱着好似分离 发表于 2016-10-19 08:37:29
169 1

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-1-产品设计-解决方案,Google,Values,cccccc,关键词

   编者按:今天推荐的这两个神器,一个是谷歌的小功能,只要输入色码就可以出现选色工具。另外推荐了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 色码就会实时显示于左侧。
   

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-2-产品设计-解决方案,Google,Values,cccccc,关键词

  STEP 2

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-3-产品设计-解决方案,Google,Values,cccccc,关键词

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-4-产品设计-解决方案,Google,Values,cccccc,关键词

   1. Adobe Color CC

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-5-产品设计-解决方案,Google,Values,cccccc,关键词

   2. Gradify

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-6-产品设计-解决方案,Google,Values,cccccc,关键词

   3. LOLColors

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-7-产品设计-解决方案,Google,Values,cccccc,关键词

   4. Colordot

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-8-产品设计-解决方案,Google,Values,cccccc,关键词

   5. Paletton

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-9-产品设计-解决方案,Google,Values,cccccc,关键词

   「优设酷站22连发!」

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

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

神器两连发!谷歌新出的取色小工具+5个常用的色彩灵感网站-10-产品设计-解决方案,Google,Values,cccccc,关键词

  【优设网 原创文章 投稿邮箱:[email protected]



上一篇:2017年,这五条设计趋势将惊艳整个设计圈
下一篇:不会做bug分析?套路走起~
太上皇 发表于 2016-10-21 12:46:32
有图,有真相!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读


回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表