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

点赞 1
收藏 5
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏