关于颜色理论

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

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

结果很失望。颜色理论研究的都是颜色的本质,至于颜色搭配,最终靠的还是个人感觉。说到底,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-12-20 22:21:28

关于颜色理论的相关文章

Photoshop 颜色理论

颜色激发人的感情:它产生对比效果,使得图像显得更加美丽.它能使一幅来黯淡的图像明亮绚丽,使一幅本来毫无生气的图像充满活力. 对于图像设计者.画家.艺术家或者录像制作者来说,创建完美的颜色是至关重的. 当色运用得不正确的时候,表达的概念就不完整:图像可能不能成功地表达它的 信息,艺术 经验就丢失了.如果一幅本来应是绿绿葱葱的森林景象显得颜色偏黄而且病怏怏 的,则大自 然的重要性就没有体现出来,户外的"健康"感觉也就没有了.如果森林中的火 焰中的灼灼红 光变得黯淡,则传递的是一种衰败和锈蚀

photoshop颜色基础知识和配色理论解析分享

给各位photoshop软件的使用者们来详细的解析分享一下颜色基础知识和配色理论. 解析分享: 颜色基础知识 打开你的Photoshop,新建文档,有两个非常重要的选项,一个是颜色模式(位图/灰度/RGB颜色/CMYK颜色),一个是位数(1位/8位/16位/32位).   什么是颜色模式? 新建一个文档,选择颜色模式为:位图和1位(为什么其它位不能选择?请往下看).   选择"窗口"-"颜色"(或者直接按F6),调出颜色面板:   把K值(灰度值用K表示)拉到50%

Photoshop教程:可选颜色工具的理论知识

本教程是关于photoshop中"可选颜色"工具的基础理论 所以,基础的颜色理论:红色.蓝色.黄色-3原色.混合它们可以产生二次色-绿色.紫罗兰.橙色.可以深度混合以产生更多的颜色. 现在我们了解一些Photoshop中取色的理论.我这里说一些RGB和CMYK.看下面这张图: 看下我们选的这个颜色.#号后面的FF0000是十六进制代码,现在让我们忘掉它. 看我圈出来的部分-RGB代表红色.绿色.蓝色.因为我选了纯红色,所以G.B的数值都为零. 现在看一下右侧的CMYK部分.CMYK代表

设计理论:色彩是网站的最重要的一个部分

色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,有时候甚至被不管不顾.这样可不行.色彩帮助用户解读信息.   这张照片的颜色感觉如何?这些烟花感觉喜庆吗? 照片 来自 expressmonorail . 色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,有时候甚至被不管不顾.这样可不行.色彩帮助用户解读信息.说得复杂一点,大多数人对网站用色的评判是在下意识里完成的.他们可能不会说出对色彩的意见,但他们潜意识里对此很介意. 有时候,你会因为颜色

网站颜色论:创建属于自己的网站配色方案

在颜色论系列的前两部分,我们主要讨论了 颜色背后的意义 和关于 颜色的术语.尽管这些信息非常重要,但我相信很多人都非常想知道什么时候才开始进入讨论创建一些实质的配色方案. 好吧,本文,也就是本系列的第三部分将介绍这个问题.我们将从头开始讨论创建属于你自己的配色方案的方法.我们还将讨论传统的配色方案模式(例如单色设计,类比设计,互补设计等),以及如何创建自定义的并不严格基于一种模式的方案.在本文最后,你将学会使用工具和技巧为自己的设计项目创建漂亮的调色板.提高技能的最好方法是实践,因此为自己设定一

一些颜色工具网站

下面是一组颜色工具网站,非常有用. 理论部分,可以参考我前几天做的颜色理论笔记. 1. ColorSchemer Gallery 网址:http://www.colorschemer.com/schemes/ [说明] 专门收集用户上传的各种配色方案. 2. WebSite Color Picker 网址:http://www.digitdesigns.com/colrPick/framePic.htm [说明] 为网页的背景.字体.链接选择不同的颜色,实时查看效果. 3. ColorJack

《Adobe Premiere Pro CC经典教程》——14.2 面向颜色的工作流

14.2 面向颜色的工作流 现在,已经切换到了新工作区,是时候换种思考方式了.将剪辑放置到合适的位置后,少关注它们的动作,多关注它们是否适合在一起:它们看起来是否像是使用同一台摄像机在同一个地点的相同时间拍摄的. 处理颜色主要有两个阶段. 1.确保剪辑具有相匹配的颜色.亮度和对比度. 2.赋予一种外观:一种特定音调或色调. 可使用同样的工具实现这两个目的,但是通常以此顺序单独实现目的.如果同一源的两个剪辑没有匹配的颜色,则会出现不和谐的连续性问题. 14.2.1 颜色校正工作区 与其他专门的工作

PhotoShop中的色彩混合模式教程

在多年的ps使用过程中,对颜色理论的不断加深,深深认识到颜色理论给ps设计带来的丰富多彩的变化. 但是往往我们一边欣喜的使用着基于颜色理论的图像处理软件,一边在强调色感的重要而去弱化对色彩理论的研究. 这到底是所谓的返璞归真还是舍本逐末? 不排除任何伟大的艺术家,都有强烈的色感,但是我想这种直觉,早已经成为了他自己的色彩理论,也是一种多年积淀的爆发.现在是一个数字艺术风行的年代,借助设计软件,已经彻底改变大多数设计师的设计方式了. 我本人先是一个程序员,后才是一个设计师,这让我更多的去思考色彩的

如何利用视觉元素有效传达信息?

  在Elaine McVicar移动端设计系列文章的最后一节中,我们将共同探索在移动应用中设计师应通过哪些视觉元素来有效传达讯息. 为了利用平台化的功能,历史上第一批移动网站不得不在很多方面做出"让步",因此远达不到"佳作"的水平.而如今,功能更加完备的设备让我们有机会打造出更具视觉吸引力的设计,这些设计不仅能够刺激和吸引用户,更能够提高用户体验的实用性.不过,机会的出现同时也伴随着挑战. 首先我们来看如何针对移动设备的物理制约进行设计(包括各项最佳实践),然后聊