你需要知道的色彩基础知识

色彩基础知识

  • 光与色彩
  • 色彩三要素
  • 色彩的冷暖
  • 色彩深度

光与色彩

1666年,牛頓以三棱镜分解太阳光,发現看似无色的光线,经过三棱镜時,会依其波长和折射关系, 依序分为紅、橙、黃、绿、青、蓝、紫七色光。

光的物理性质:
波长:
产生色相的区別
波长短的偏蓝,波长长的偏红
振幅:
产生明暗的区別
振幅大的偏亮,振幅小的偏暗

【练习】哪一個较偏蓝?以下哪一個较亮?

你需要知道的色彩基础知识

 人类的视觉机能:
桿状細胞: 对光线的 明暗 有感应
锥状細胞: 含有感受 紅、綠、藍 光三原色的細胞 ﹙色盲?﹚

一般人眼中的草莓 红绿色盲者眼中的草莓

你需要知道的色彩基础知识

三原色

三原色指色彩中不能再分解的三种基本颜色,三原色一般指的是红、绿、蓝三种,简称RGB,这是加色系。

在大自然丰富的色彩中,用三原色可以混合出所有的颜色,画出五彩续纷的色彩世界。

你需要知道的色彩基础知识

这个色环表明了三原色互相混合时所产生的色彩变化。许多画都是以三原色为基本色,混合后调出各种颜色画成的。

间色:用两种原色混合而成的颜色。间色有橙、绿、紫色。

复色:原色与间色相调或间色与间色相调成的颜色。

色光三原色 RGB

  • 红 Red
  • 绿 Green
  • 蓝 Blue

加色法-越加越亮﹙白﹚

你需要知道的色彩基础知识

色料三原色 ( 印刷工业色 CMYK )

  • 天青 Cyan
  • 洋红 Magenta
  • 黃  Yellow
  • 黑  Black

减色法-越加越暗﹙黑﹚

你需要知道的色彩基础知识

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

(1)
江山如画的头像江山如画管理团队
跟永哥学HTML5(3):HTML5新增语义化元素的使用
上一篇 2018年1月26日 上午8:52
接到一个网站开发项目怎么去完成?—网站的开发流程
下一篇 2018年1月29日 下午2:16

99%的人还看了以下文章

  • 网页设计的任务及网页设计的实现

    网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为三类。
    网页设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制。第二部分为网页的制作。

    2020年2月4日
    21.6K0
  • 网页设计字体篇:字体的性格

    网页设计字体篇:字体的性格网页设计字体篇:字体的性格网页设计字体篇:字体的性格网页设计字体篇:字体的性格

    优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者,传情达意正是字体设计的意义所在

    2019年10月23日 网页设计
    10.2K0
  • web开发技术课程项目考查

    考查目的 一、专业能力目标 ①检验学生对《web开发技术》课程的理解与掌握情况 ②锻炼学生运用所学知识解决实际问题,进行项目开发的能力。 ③掌握web项目的开发流程,网站建设的技术和方法,具备一定的网站设计能力及网页制作能力。 ④培养学生网站规划建设、发布,以及管理维护的基本技能。 ⑤培养学生掌握项目开发的的思想和方法,树立严肃认真的工作作风。 二、技能目标…

    2018年6月1日
    11.1K0
  • Table布局 VS Div+CSS布局,选哪个?

    Table布局 和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章《为什么我们不建议用Table布局》,又想发表下自己的见解,供初学网页制作的新手参考。 《为什么我们不建议用Table布局》节选: Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面…

    2018年12月21日
    5.9K0
  • 网页设计色彩搭配:蓝色

    蓝色是三原色之一,波长过短,纯正的蓝色RGB值分别为0、0、255,给人一种平静、平和、美丽、文静、安详与洁净的感觉。 蓝色与红、橙色相反,是典型的冷色,也是常见的后退色和收缩色,表示沉静、冷淡、理智、高深、透明等含义。 1. 蓝色性格特点 蓝色博大、永恒、平静、理智、纯净、遥远,就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料,因此,靛蓝、普蓝似乎…

    2021年2月4日
    20.3K0
  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    11.6K0

发表回复

登录后才能评论