配色就是这么简单!7个在线配色网站推荐

配色对一个网站的来说非常重要,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时,你要清清楚楚的知道,你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等,都应该作为选色的考量因素。

但网页配色更多的需要大量的实践去体会。简单来说,颜色能对人的情绪产生影响,不同的人对色彩的感知会大不一样,但现实情况中,不同的颜色究竟能承载多少信息量,能传递什么情绪感觉,与颜色背后的品牌也是息息相关,互相影响的。

但做为一个拥有美丽配色的网页设计总是容易令人着迷,不同的色彩可以有不同的传达意义,对于网页设计也是如此,通过好的颜色搭配,不仅可让网页美观,也能有效传达正确的含义。

今天我们分享6个在线配色网站,他们每一个都非常好用,又有各自的特点,值的收藏!

一、 LOL Colors

https://color.hailpixel.com/

配色就是这么简单!7个在线配色网站推荐

超级推荐的网站,打开后就一个配色页面,简单实用。

移动下你的鼠标看看,一直到遇见你喜欢的颜色,停下吧,单击鼠标就可以保存你正在查看的颜色哦click to save。

配色最方便的网站!

二. Colordrop

https://colordrop.io/

配色就是这么简单!6个在线配色网站推荐

这款配色工具和 LOL Colors 有点相似,网页设计相当简单,提供各种色彩组合,没有太多额外或复杂难懂的功能,实在深得我心。 不过ColorDrop 允许使用者更换不同背景颜色,预览在不同背景配色中套用某种颜色的感觉,让你在浏览网站时有更多不同体验。

三、WebGradients

https://webgradients.com/

配色就是这么简单!6个在线配色网站推荐

打开网站我们就能直接看到 N 种配色展现在首页,只需要点击其中一个,就会显示全屏渐变。颜色值、png和CSS代码都可以点击下载。

四. Colordot

https://color.hailpixel.com/

配色就是这么简单!6个在线配色网站推荐

接下来给大家推荐一款非常特别的配色网站。它不提供给你任何色彩,而是给你一个空白页面,只要在上面移动鼠标就会自动调整及切换颜色,按下鼠标后就会固定颜色并显示色码。不用下载安装软件,直接从浏览器就能操作。

假如你正好想挑选配色,但又没有任何想法的话,或许上去 Colordot 摇一摇点点鼠标,可以有一些让你觉得不错的颜色出现。

五. Colourco

http://www.colourco.de/

配色就是这么简单!6个在线配色网站推荐

先简单介绍一下颜色变化:

色调:鼠标左右移动或「Ctrl+ ← + →」 亮度:鼠标上下移动或「Ctrl + ↑ + ↓」 饱和度:Ctrl+ Shift + ↑ + ↓ 鼠标单击锁定颜色,点击“垃圾桶”图标删除颜色

操作非常简单,快去打开网页,慢慢享受色彩世界的乐趣吧!

六. Klart Colors

https://klart.io/colors/配色就是这么简单!6个在线配色网站推荐

这是一款来自Klart的选色神器,Pixels 让用户快速共享各种网站设计及排版样式,其中包含配色信息,而 Klart 就将这些颜色数据重新包装成另一网站 Colors。

使用方法很简单,打开网站,就能看到无数个调色盘,按下空格键会重新整理,加载新的颜色,也可以利用鼠标不断往下滚动,Colors 会持续加载更多的配色选项。

如果看到喜欢的配色,点击颜色后即可复制色码。如此一来,就能将颜色使用于其他任何你想使用的地方。

七. Color Claim

http://www.vanschneider.com/colors

配色就是这么简单!6个在线配色网站推荐

推荐了以上那么多配色网站,按理说该成为配色大师了吧!但如果你眼光和审美还不到位,真到了自己做设计的时候,还是会觉得配色不够高级。即便拿到一个好看的配色,也不知道怎么将它运用到设计中。那么,Color Claim可能会给你提供一些帮助。

它是一个设计大师自建的配色网站,每个都可以直接拿来取用。打开网站都是看起来很普通的图片,其实都是从大神个人多年来的设计中提取出的配色,凝结着配色智慧的结晶。

虽然看起来都很简单,颜色不超过三种,一共102款,但每个都有其鲜明的风格特色,我们总能从中找到适合自己的配色风格。使用方法也简单粗暴,直接存储图片到PS里取色。

看配色就是这么简单!收藏本页面,在没有创意或好的配色设计的时候打开某个网站,晃动鼠标找找灵感吧。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/872.html

赞 (15)
江山如画的头像江山如画管理团队
超精美 7个垂直分屏配色网页设计欣赏
上一篇 2018年1月31日 上午9:09
第一章Java Web应用开发技术概述
下一篇 2018年2月1日 上午9:59

99%的人还看了以下文章

  • 最完善的前端开发流程(详解)

    前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理。理论上,面向用户的产品里,所有问题(包括产品、设计、后端、甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题、计算问题、安全问题等)暴露在后端,这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时,PRD里只有交互稿,尚未有视觉稿。…

    2023年1月18日
    7.6K0
  • 设计网站主页必须遵循的5点基本原则

    设计网站主页必须遵循的5点基本原则设计网站主页必须遵循的5点基本原则设计网站主页必须遵循的5点基本原则设计网站主页必须遵循的5点基本原则

    一个好的网站是一个有效的销售工具,它能够吸引更多的网民的注意。就好像一篇好的文章或者广告,他必须首先引起读者的兴趣,然后引导他们去做出某种行为。因此,不能忽视网站主页面的重要性,否则,网站让浏览者会很快失去兴趣。这样的网站,有可能赢得很高的点击率,但却不能制造预期般的回应,更不用说让网民着迷,进入下一级页面了。 与此类似,一个成功的网站也有几点要素。下面是设…

    2019年2月21日 • 网页设计
    5.7K0
  • 你需要知道的色彩基础知识

    色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年,牛頓以三棱镜分解太阳光,发現看似无色的光线,经过三棱镜時,会依其波长和折射关系, 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质:波长:产生色相的区別波长短的偏蓝,波长长的偏红振幅:产生明暗的区別振幅大的偏亮,振幅小的偏暗 【练习】哪一個较偏蓝?以下哪一個较亮?  人类…

    2018年1月27日
    10.0K0
  • 网页设计技巧:3步提升网页品质

    网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 • 网页设计
    11.1K0
  • 网页制作实战项目三:运动会页面制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 运动会页面制作 【上机目的】 1 、掌握表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使用 【上机难点】 1、导航条的制作 2、CSS的使用 【上机内容】 请在规定时间内制作出以下网页:(要求要符合网站建设的规范!) 所需素…

    2018年4月19日
    14.8K1
  • 网页制作实战项目九:飘城旅行社(分步教程2)

    网页制作实战项目九:飘城旅行社(分步教程)精 在上一课中,我们学习了实战项目九-首页的制作,今天来实现其他主要页面:旅游资讯。 练习一:PC端固定布局 地址:http://www.125jz.com/wp-content/demo/20190113demo1.html  练习二:流体移动布局 地址:马上上线 练习三:兼容响应式布局 地址:马上上线 1.导航下…

    2019年1月22日
    15.2K0

发表回复

登录后才能评论

评论列表(1条)

  • GexPlage的头像
    GexPlage 2018年1月31日 下午2:37

    Completely I share your opinion. I like this idea, I completely with you agree.