网络设计师必备:12个在线色彩搭配工具


  在设计项目的时候,你是否常为色彩搭配而苦恼?为了帮助设计师加快工作速度,如今网络上也有越来越多的色彩搭配工具可供设计师们使用。本期的互动中国分享带来了12个好用的在线色彩搭配工具,来看看哪款工具更适合你。

  色彩搭配工具

  ColourLovers


  COLOURlovers是一个极具创造力的色彩主题社群网站,这里有来自世界各地的设计师创造并分享他们自己的配色方案,你可以从这里获取灵感,而且这里更欢迎你在这里分享自己的色彩方案和观点,以及和大家一起探讨最新的色彩发展趋势。

  Kuler


  对于Adobe Kuler,相信很多人都很熟悉这套工具。你不仅可以在上面寻找到预置的配色方案,也可以创建属于自己的色板。

  Pictalulous


  Pictaculous可以帮助你直接从上传的图片中提取出一套配色方案。

  颜色拾取工具

  color.hailpixel.com


  这是一个简单的网页,通过移动光标,网页的背景颜色也会发生变化,只需轻点鼠标就能将你想要的颜色和对应的代码保存在网页的左栏。

  Hexu.al


  面对那些看起来干巴巴的16进制颜色代码,Hexu.al把它们表意成了具体的英文单词,比如代码为#ACCE55的颜色你可以将它记为Access,#C0FFEE可以记为coffee。掌握了这种方法,枯燥的16进制颜色代码也能变得有趣了起来!

  CSS Color Names


  147 Colors列举了147种CSS颜色名称,对于网页设计师和开发人员来说实在是大有帮助。

  0to255


  0to255列出了140种常用颜色,点击一种颜色就可以看到基于这个颜色、从亮到按的渐变颜色列表,你可以选取自己满意的颜色直接复制代码使用。

  Color Hexa


  ColorHexa 是一个免费的颜色工具,提供与任何颜色相关的信息。只需在搜索框输入任意颜色值,ColorHexa 就能给你返回一个详细的描述,并会自动将其转换成对应的十六进制、二进制、RGB、CMYK、HSL、HSV、 CIE-Lab、Hunter-Lab、CIE-Luv、CIE-LCH、XYZ、xyY 值。

  运用色彩理论的调色盘工具

  Sphere


  Sphere提供了简单方便的界面,在色轮上选出一种颜色以后,Sphere会自动生成其他相关颜色供选择。

  Color Scheme Designer


  色彩搭配师 Color Scheme Designer,还记得上个月我们曾专门给大家详细介绍过这一工具吗(Link)?它可以通过色相、互补色、类似色等规划出完美的配色,并且除了英文版还有中文版可供大家使用。

  CSS样式颜色取值工具

  Ultimate CSS Gradient Generator


  十分给力的CSS渐变代码生成器,除了网站内提供的样式以外,你还可以自己编辑渐变样式和颜色,代码立刻生成。

  Hex 2 RGBA Color Calculator


  只需一键就能将颜色从Hex转换为RGB,并且还提供了转换后的CSS样式代码。

  来源:LINE25

  编辑:Joy Li@ DamnDigital

  (转载请注明来自:DamnDigital)

时间: 2025-01-30 13:57:09

网络设计师必备:12个在线色彩搭配工具的相关文章

12个在线色彩搭配工具,值得一试

在设计项目的时候,你是否常为色彩搭配而苦恼?为了帮助设计师加快工作速度,如今网络上也有越来越多的色彩搭配工具可供设计师们使用.这篇分享带来了12个好用的在线色彩搭配工具,来看看哪款工具更适合你. 编辑:Joy Li@ DamnDigital (转载请注明来自:DamnDigital ) 色彩搭配工具 ColourLovers COLOURlovers是一个极具创造力的色彩主题社群网站,这里有来自世界各地的设计师创造并分享他们自己的配色方案,你可以从这里获取灵感,而且这里更欢迎你在这里分享自己的色

程序员和设计师必备的20个CSS工具

CSS工具是现今网站开发人员和设计人员使用的最必要和最重要的工具之一.这是因为这些CSS工具,可以为开发人员和设计人员简化手头的工作,大大 减少web开发和设计工作所需的时间.而专业人员还可以在很短的时间跨度内,用一种更高效的执行方式,完成更多的工作.可惜的是,并非所有这些工具都是众 所周知的.现在市场上有很多CSS工具.每一种工具都有着自己特定的功能. 其中最知名的CSS布局工具是Templatr.这工具可以帮助你创建网站,即使你对CSS和HTML所知甚少.有了它,想出网站如何布局就是几秒 钟

在线色彩搭配工具+快速生成占位图片器

  今天为大家介绍设计导航最近收藏的优秀在线配色工具:Colorfavs,主要用于上传图像并获取图像颜色,功能和 Pictaculous.Color hunter 配色工具类似,但小编觉得它的体验还是不错的,比如界面设计简洁,可以浏览优秀颜色搭配.收藏配色方案功能.拖拽上传图像抓取颜色配色等等,都是不错的功能. Colorfavs 上传图像获取配色方案 Colorfavs 工具界面简洁,不需要教学就知道怎么用啦,如果要上传图像,直接拖动到窗口 Upload 区域不能上传,很方便哦! 众多漂亮配色

20款对设计师非常有用的在线配色工具

译文出自:博客园

用户体验设计师必备的4种UX文档

  当谈及用户体验相关的文档之时,线框图和原型相关的文档无疑是其中最重要的.但值得注意的是,用户体验所涵盖的范畴不止于此,它们也仅仅只是个开始.实际上,我们发现还有四份文档也是日常用户体验设计中极其实用的文档.这四种文档的诞生,是为了帮设计人员更容易了解用户,更方便作出争取的设计决策,打造优秀的设计和成功的产品. 在今天的文章中,我会为你详细解释,为什么这些看起来很容易忽略的"附属品"真的是设计师的必需之物.想了解更多设计师必备的文档和工具,不妨阅读UXPin出品的<UX设计流程

web开发设计必备 在线web工具网站和应用

  开发设计必备 在线web工具网站和应用-web前端开发必备软件"> 大家可能还记得在过去的文章我们我们曾经介绍我们收集的前端开发人员必备的工具,脚本和资源,在今天的这篇文章中,我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用.相信会在web开发和设计的过程中给你带来方便和快捷! 前端开发相关 jsfiddle jsfiddle是老牌的在线调试和分享代码的网站,它可以帮助你在线调试javascript/css/html代码, 并且方便的发布到社区,论坛或者社交媒体上

交互设计师必用50个线框图套件和在线设计工具

  在线设计模板 Wirefy 以内容优先为原则的线框图在线设计工具.允许你运用标准元素设计出响应式线框图. Lumzy 网页设计和界面设计的原型设计工具. Mockup Builder 另一款原型设计工具 Mobilizer 选择设备,输入网址,立即呈现出设备中的效果图. 列表框交互"> Proty 实现快速交互线框图的好工具,可定制化 Solidify 可点击的原型设计工具.可验证用户流程. Frame Box Mockup Designer 使用本地存储的模型工具 hhhhold 只

优秀设计师常用到的HTML5动画工具

如果你想用令人难以置信的动画创建引人注目的网站的话,那么这里为设计师精心挑选了一些必备的HTML5动画工具.HTML5是设计师用来打造时尚网站的最流行的编程语言之一.在过去三年内,这种编程语言的使用人数急剧增长.开发人员可以使用这种语言来创建各种改进的内容并放到万维网上.随着每一个新版本的发布,HTML通过更好的功能和技术渐渐占据了制高点. HTML5使用起来非常方便,并且能够提供多种功能,例如内置的视觉元素,指定的结构标记,互动的拖放功能,等等,开发人员可以利用这些功能来创建充满吸引力的网站.

如何利用新的在线营销工具VORTEX来推广你的品牌

现在,大部分经销商都喜欢通过社区网站进行营销加强与用户之间的互动性,同时建立起产品和品牌对用户的亲和力.当那些广告商意识到他们应该通过著名的社区网站来提高曝光率地时侯,社区网站上的广告以及一系列充满争议的促销手段便应运而生了. 随着有效内容传播的广度,互动营销便随之产生.而经销商们又擅长于运用一些诸如:EMAIL新闻组营销.公司博客和品牌博客营销.RSS 反馈等营销手段来和用户一起分享有趣的内容.当然那些可下载的桌面应用程序也有他们的优点,它们的植入性非常强并且可以及时更新静态内容和视频信息.