关于颜色理论

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

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

结果很失望。颜色理论研究的都是颜色的本质,至于颜色搭配,最终靠的还是个人感觉。说到底,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这四种颜料混合,产生其他各种颜色。

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

(完)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 网站开发人员应该知道的61件事

    通常情况下,你需要把所有人的发言从头到尾读一遍。但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最...

    ruanyf
  • 关于电子书阅读器

    许多消息来源都声称,Amazon网上书店将在明天发布电子书阅读器Kindle。 ? 但是,Amazon公司一直保持沉默,在它的网站上找不到任何关于Kindle的...

    ruanyf
  • 编译器的工作过程

    源码要运行,必须先转成二进制的机器码。这是编译器的任务。 比如,下面这段源码(假定文件名叫做test.c)。 #include <stdio.h> int m...

    ruanyf
  • 【设计教程】色彩与用户体验的秘密:如何同配色唤起用户的兴趣?

    颜色研究和规划是设计过程的重要部分,在开始设计之前,必须选择适当的颜色,以有效地执行品牌,价值传递和整体色调。 那么我们如何在网页设计中使用颜色创造正确的情感呢...

    BestSDK
  • 《数据可视化基础》:使用颜色的常见陷阱

    颜色是增强数据可视化的一种非常有效的工具。与此同时,糟糕的颜色选择也会破坏原本优秀的视觉效果。颜色的使用必须是基于某一个目的的,而不是用来分散注意力的。

    医学数据库百科
  • 正确的配色多重要?直接影响产品转化率

    首先看两张图,感受下配色的重要性。 “看这张,是不是很有食欲?” ? “那这张呢?” ? “没上张让人有食欲。” 其实每个人的心里,都有一张色彩心理学。 ? ...

    BestSDK
  • 网页色彩死抠指南

    网页色彩的使用方式有很多。而我认为,但凡用一件东西,懂得其原理肯定大有裨益。网页色彩也不例外。现在就来死抠一下网页色彩的究竟吧。

    疯狂的技术宅
  • 虚幻的UI设计中有关“颜色”的规律总结

    利用可见光的不同颜色来区分目标的类型,一直是业界常用的UI技巧,很大程度上能减少字符和图标的使用,让人一目了然。虚幻引擎IDE的UI界面似乎把颜色利用到了极致,...

    Jean
  • 必读!UI设计中颜色使用的10条原则

    颜色术语构成了我们颜色知识的基础。将诸如色调,色调和阴影之类的颜色术语视为我们可以用来开发独特调色板的工具。

    用户5009027
  • 请问#f00是什么颜色?

    这道题,对于知道的人来说简直就是送分题,这还用问吗?不就是红色吗?而对于不知道或者没有用心的人来说,却无从入手,怎么回答的都有。

    姬小光

扫码关注云+社区

领取腾讯云代金券