[转]颜色配色

制作网页的过程中,我一直不知道应该如何配色。

我的意思是,我不知道应该选择哪些颜色放在一起,完全凭感觉。于是昨天,我在网上找了一些资料,希望找到理论指导。

结果很失望。颜色理论研究的都是颜色的本质,至于颜色搭配,最终靠的还是个人感觉。说到底,Choosing colors is art, not science。不过,我还是记录一下吧,其中一些东西还是很有趣的。

=================

1. Color Wheel

所谓Color Wheel,就是将一系列颜色,有次序地通过一个圆盘的形式,展现出来。

它的产生方式是,首先列出三原色(PRIMARY COLORS):红、黄、蓝。

然后,二二混合,产生二级颜色(SECONDARY COLORS):绿、橙、紫。

接着,继续二二混合,又产生6种三级颜色(TERTIARY COLORS):黄橙、红橙、红紫、蓝紫、黄绿、蓝紫。

通过不断混合相邻颜色,产生新的颜色,最终形成一个全域的Color Wheel。

2. 类似色和互补色

12色的Color Wheel上任意三个相邻的颜色,被称为类似色(analogous colors)。通常认为,它们放在一起会很和谐。

Color Wheel对角线上的两种颜色,被称为互补色(complementary colors)。通常认为,它们放在一起,会形成对比效果。

此外,如果要寻找三种互相平衡的颜色,可以选择12色的Color Wheel上任意三个三角对立的颜色(Triad)。

如果要寻找三种颜色,其中二种互相类似,另一种与它们形成对比,则可以选取互补色两侧相邻的颜色。(split-complementary colors)

3. 颜色模型

常用的颜色模型有三种,分别是RGB、CMYK、HSV模型。

4. RGB模型

RGB是Red、Green和Blue的缩写,任意颜色都可以由红、绿、蓝这三种颜色不同比例混合后产生。这个模型主要用于电子显示屏的颜色显示。

RGB模型通常用三个十六进制数来表示颜色,FFFFFF代表100%的红色、100%的绿色和100%蓝色混合,产生白色;000000代表0%的红色、0%的绿色和0%蓝色混合,产生黑色。

5. HSV模型

H指的是Hue(色调),它是"颜色"的同义词。

S指的是Saturation(饱和度),它指的是颜色的纯度,即颜色中含有灰色(gray)的程度。饱和度越高,颜色越纯;饱和度越低,颜色中灰色成分越大。任何颜色,饱和度变成最小值时,都会变成灰色。

V指的是Value,即颜色中白色的成分。这个值越大,颜色就越白越亮,这个值最小,颜色就越黑越暗。最大值时,所有颜色都变成白色,最小值时,所有颜色都变成黑色。

HSV模型是通过调节这三个值来标识颜色。它通常是一个color wheel的形式,所有边缘的颜色都是饱和度最高的颜色,越向圆心饱和度越小。Hue通过角度值选取,另有一个亮度轴,来选取Value值。

6.CMYK模型

这个模型主要用于印刷业,就是指用cyan, magenta, yellow, black这四种颜料混合,产生其他各种颜色。

印刷品上的图案,仔细看其实都是由一个个小点构成,而每个小点又都是采用四色套印,重合叠加后产生各种颜色的效果。

(完)

时间: 2024-10-16 12:11:18

[转]颜色配色的相关文章

Eclipse修改字体、颜色、编译器背景颜色等操作方法

1.eclipse 背景色设置:Window->Preferences->General->Editors->Text Editors->Backgroud colors取消System default 设置成:RGB(204,232,207). 2.字体大小设置:java 字体:菜单windows>Prefenrence>General Appearance>Colors and Fonts 在右边的菜单中选Java> Java Editor Tex

eclipse中各种颜色和背景的设置

因为eclipse字体颜色默认的我们看久了会觉得有点眼睛不舒服,特别是在晚上,太亮了,我觉得eclipse的白色背景太刺眼了看着不舒服. 此时我们就希望设置一下字体eclipse字体颜色,让他像其它编辑器一样的,有不同的风格,白天用一上用一种. 1.eclipse 背景色设置:Window->Preferences->General->Editors->Text Editors->Backgroud colors取消System default 设置成:RGB(204,232

设置Eclipse界面颜色

转载自http://blog.sina.com.cn/s/blog_70441c8e0101shvm.html [加载配置] 导入配置: 打开eclipse    file-> import.... ->preference ->next -> browse ->选在 ***.epf文件 导出配置: 打开eclipse    file-> export.... ->preference ->勾选Export all->browse->finish

Eclipse背景颜色修改

操作界面默认颜色为白色.对于我们长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以我经常会改变workspace的背景色,使眼睛舒服一些.设置方法如下:  1.打开window->Preference,弹出Preference面板  2.展开General标签,选中Editors选项,展开.  3.选中 Test Editors,右边出现Test Editors面板. 面板中有这样一个选项:Appearance color options: 其中是各种板块颜色的设置,其中有一项是backgro

Eclipse修改背景颜色(豆沙绿)

操作界面默认颜色为白色.对于我们长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以我经常会改变workspace的背景色,使眼睛舒服一些.设置方法如下: 1.打开window->Preference,弹出Preference面板 2.展开General标签,选中Editors选项,展开. 3.选中 Test Editors,右边出现Test Editors面板. 面板中有这样一个选项:Appearance color options: 其中是各种板块颜色的设置,其中有一项是background

eclipse 改变颜色,背景

Eclipse背景颜色修改: 操作界面默认颜色为白色.对于我们长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以我经常会改变workspace的背景色,使眼睛舒服一些.设置方法如下: 1.打开window->Preference,弹出Preference面板 2.展开General标签,选中Editors选项,展开. 3.选中 Test Editors,右边出现Test Editors面板. 面板中有这样一个选项:Appearance color options: 其中是各种板块颜色的设置,其

设计配色点点滴滴

设计配色点点滴滴 --安阳师范学院互联网+应用技术学院UI设计方向讲师 乐卫国 区分颜色不难,打小就会,但要把颜色运用到UI设计里,却往往发现很难恰到好处地运用色彩,作出那些和谐得体.令人赏心悦目的设计来.作为设计初学者,我们刚开始对色彩的认识和实践不足,很容易会过度地使用色彩.所以,我们需要掌握基本的色彩理论,通过实践不断加深对色彩的认识,并最终能够熟练地运用各种色彩,搭配出平衡且使人愉悦的设计来.在设计的开始阶段,对色彩的运用,大家可能会感觉到有些困难,我的建议还是多看多观察,多看优秀的作品

分享 ------ 10个超好用的配色网站

01 Material Palette 网站地址:http://www.materialpalette.com/ Material Palette是一款提供Material Design配色的线上工具,它的用法很简单,你只要找出想要搭配的两种颜色,它就会显示出两种颜色搭配在一起的效果预览,并提供你较深或较浅的颜色选项,以及其他你可能会用到的颜色代码. 02 ColorGG 网站地址:https://www.colorgg.com ?Colorgg颜色代码百科全书,提供颜色信息,颜色搭配,颜色代码

【第一组】第十三次例会纪要

开发小组:Neu Old Driver 冲刺经理:何图 小组成员:李白洋.王彬宇.李恒雨.黄文睿.安迪 1. 昨天做了什么 黄文睿:重新整理代码 李白洋:完成空教室页面 何图:完成教师评价页面 李恒雨:完成查成绩页面 安迪:做查考场页面 王彬宇:做吐槽功能 2.遇到什么问题: 黄文睿: 依赖两项数据的binding和二维数组的binding 李白洋: 各页面风格不统一 何图:颜色配色怎么配的好看点 李恒雨:没用数据绑定,调颜色时一个6×7的矩阵调到崩溃 3.今天要做什么: 黄文睿:把处理逻辑从p