配色对一个网站的来说非常重要,优秀的

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

但做为一个拥有美丽配色的

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

一、 LOL Colors

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

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

配色最方便的网站!

二. Colordrop

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

三、WebGradients

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

四. Colordot

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

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

五. Colourco

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

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

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

六. Klart Colors

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

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

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

七. Color Claim

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

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

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

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

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

html 网页配色,配色就是这么简单!7个在线配色网站推荐相关推荐

  1. lua学习第一课:下载安装(适合windows)、简单程序编译和学习网站推荐

    Lua 是一种轻量小巧的脚本语言,用标准C语言编写并以源代码形式开放,优点很多.网上看到了一些良莠不齐的教程,现在自己来总结一番. 下载安装     下面介绍其中一种方法,步骤并不复杂,不需要任何环境 ...

  2. CodeBlocks配色方案设置(简单易懂)

    CodeBlocks配色方案设置(简单易懂) 最终成品 方法 ​ 1.首先进入codeblocks官网找到colour theme代码. ​ 直接点链接: codeblock wiki 从以上截图往下 ...

  3. 推荐3个网页设计在线配色网站

    Color Hunter Color Hunter使用全球知名在线相册 Flickr中的照片来自动生成相应的不同调色板,也就是配色方案.如果你想寻找某种风格的配色方案,可以在网站上方的搜索区域进行相应 ...

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

    配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解.然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配 ...

  5. 20款常用的在线配色工具

    配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解.然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配 ...

  6. 【iOS 平台适配规范】+配色网站推荐

    随着iphone6和6plus的上市,ios分辨率也呈现出碎片化趋势,适配成为了设计师最头痛的问题. 6plus的设计尺寸是1242*2208(效果图按这个尺寸),物理尺寸1920*1080(硬件尺寸 ...

  7. 使用vb获取网页源文件并保存的简单代码

    使用vb获取网页源文件并保存的简单代码 Private Sub Command1_Click() Inet1.URL = "HTTP://www.wangjianran.com/" ...

  8. .Net/C#: 一个将在线简体中文网页转为繁体中文页简单方法

    /* 一个将"任意"在线简体中文网页转为繁体中文页简单方法 以前都写在 Aspx 的 Codebehind 里用 WebRequest 抓别人的网页 ASP 时代用 XMLHTTP ...

  9. 15个“在线配色方案”工具网站

    之前介绍了一个功能比较强大的在线配色工具-COPASO. 今天带来Hongkiat收集整理的15个在线配色工具,喜爱设计的你,千万不能错过! Adobe Kuler Colr.org Colour L ...

  10. 帮助开发者和网站设计师更方便配色的在线配色工具 - PLTTS

    日期:2013-5-4  来源:GBin1.com 如果你不是一个专业的网站设计师的话,往往有时候你会纠结于配色方案,这里我们将介绍一个在线的配色工具-PLTTS,或许能够帮助你解决配色问题. PLT ...

最新文章

  1. 利用PCHunter结束各种进程
  2. android人脸识别源代码,Android自带的人脸识别
  3. 利用最小堆找出10亿个数中最大的10000个数
  4. 使用 CodeIgniter 框架快速开发 PHP 应用(五)
  5. php pdo 查询语句,PDO:预处理语句(参数化查询)
  6. 分享25个优秀的网站底部设计案例
  7. opencv 直方图投影
  8. Linux 解压 .tar.bz2文件
  9. 学习Python的第七天
  10. 如何去掉网页一直点击出现蓝色背景的效果
  11. 笔记本计算机无法启动怎么解决,笔记本开机进不了系统,教您笔记本开机无法进入系统怎么办...
  12. Jenkins 与 GitLab 的自动化构建之旅
  13. 计算机桌面怎么添加便签,如何在电脑桌面上添加便签 这些知识你不一定知道...
  14. 前端的几种数据存储方式
  15. 南华大学2022第五届网络安全竞赛wp
  16. Android高级控件----AdapterView与Adapter详解
  17. 【信息安全】信息安全风险评估-实践指南
  18. 数字化工厂建设的内容主要有哪三个方面
  19. 【Http协议】Http协议简介
  20. python下雪的实例_javascript实现下雪效果【实例代码】

热门文章

  1. 0成本副业项目,适合小白操作的信息差创业项目
  2. qt中xxx.pro:64: error: Extra characters after test expression.
  3. 微信发送文件卡死或黑屏
  4. UVALive7461 - Separating Pebbles 判断两个凸包相交
  5. 家用带宽-路由器的选择
  6. 国内外常用的MD5在线解密网站
  7. win10 登录显示0x800704cf错误代码
  8. “拼多多”的假面人生
  9. python爬虫开发 urlparse、parse_qs、urlencode、quote、unquote、urljoin 用法总结
  10. 软件项目管理系统-进度编辑