<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>标点符 &#187; 颜色</title>
	<atom:link href="http://www.biaodianfu.com/tag/%e9%a2%9c%e8%89%b2/feed" rel="self" type="application/rss+xml" />
	<link>http://www.biaodianfu.com</link>
	<description>编译自己的互联网生活</description>
	<lastBuildDate>Wed, 08 Feb 2012 08:42:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>【Photoshop自学】色彩模式</title>
		<link>http://www.biaodianfu.com/color.html</link>
		<comments>http://www.biaodianfu.com/color.html#comments</comments>
		<pubDate>Sun, 20 Jun 2010 03:45:25 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=2211</guid>
		<description><![CDATA[色彩模式是图形设计最基本的知识，每一种模式都有自己的优缺点，都有自己的适用范围。由于成色原理的不同，决定了显示器、投影仪、扫描仪这类靠色光直接合成颜色的颜色设备（直接发光）和打印机、印刷机这类靠使用颜料的印刷设备（非直接发光）在生成颜色方式上的区别。 在photoshop中一共有四种色彩模式，他们分别为：HSB,RGB,CMYK,LAB。入下图所示： 1.RGB模式 RGB是色光的色彩模式。R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其它的色彩。因为三种颜色都有256个亮度水平级，所以三种色彩叠加就形成1670万种颜色了。也就是真彩色，通过它们足以在现绚丽的世界。对于单独的R或G或B而言，当数值为0的时候，代表这个颜色不发光；如果为255，则该颜色为最高亮度。这就好像调光台灯一样，数字0就等于把灯关了，数字255就等于把调光旋钮开到最大。 上图为12色环，当红色光与绿色光相加时，会出现黄色，当绿色光与蓝色光相加时，或出现青色，当红色光与蓝色光相加时会出现品红。 我们用放大镜就近观电脑显示器或电视机的屏幕，会看到数量极多的分为红色绿色蓝色三种颜色的小点。屏幕上的所有颜色，也就是我们看到的所有图像内容，都是由它们调和而成的。在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。 2.CMYK模式 CMYK也称作印刷色彩模式，顾名思义就是用来印刷的。它和RGB相比有一个很大的不同：RGB模式是一种发光的色彩模式，你在一间黑暗的房间内仍然可以看见屏幕上的内容；当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。CMYK是一种依靠反光的色彩模式，我们是怎样阅读报纸的内容呢？是由阳光或灯光照射到报纸上，再反射到我们的眼中，才看到内容。它需要由外界光源，如果你在黑暗房间内是无法阅读报纸的。 前面说过，只要在屏幕上显示的图像，就是RGB模式表现的。现在加上一句：只要是在印刷品上看到的图像，就是CMYK模式表现的。比如期刊、杂志、报纸、宣传画等，都是印刷出来的，那么就是CMYK模式的了。 和RGB类似，CMY是3种印刷油墨名称的首字母：青色Cyan、洋红色Magenta、黄色Yellow。而K取的是black最后一个字母，之所以不取首字母，是为了避免与蓝色(Blue)混淆。从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就应该得到黑色。但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗红色。因此还需要加入一种专门的黑墨来调和。 3.HSB模式 HSB是基于人眼视觉效果创建的颜色，在HSB模式中，H表示色相，S表示饱和度，B表示亮度。photoshop中的调色板就是按照HSB模式创建的。 色相：是纯色，即组成可见光谱的单色。红色在0度，绿色在120度，蓝色在240度。它基本上是RGB模式全色度的饼状图。 饱和度：表示色彩的纯度，为0时为会色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。 亮度：是色彩的明亮读。为0时即为黑色。最大亮度是色彩最鲜明的状态。 在HSB模式中，S和B的取值都是百分比，唯有H的取值单位是度，这个度是什么意思？是角度，表示色相位于色相环上的位置，将我们前面学过的色相环加上角度标志就明白了。如左下图。从0度的红色开始，逆时针方向增加角度，60度是黄色，180度是青色等等。360度又回到红色。可以自己调节H滑块对照一下。需要注意的是，由于在Photoshop的HSB模式中只能输入整数，因此能够选择的色彩数量是360万种。虽然在数量上不及RGB模式，但对于我们来说也是足够使用了。 我们再看一下Photoshop的拾色器，拾色器的H方式其实就是HSB取色方式。色谱就是色相，而大框就包含了饱和度和明度(横方向是饱和度，竖方向是明度)。如下右图。 4.LAB模式 RGB模式是一种发光屏幕的加色模式，CMYK模式是一种颜色反光的印刷减色模式。那么，Lab有是什么处理模式呢？ Lab模式既不依赖光线，也不依赖于颜料，它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式弥补了RGB和CMYK两种色彩模式的不足。 Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。因此，这种色彩混合后将产生明亮的色彩。 Lab模式所定义的色彩最多，且与光线及设备无关并且处理速度与RGB模式同样快，比CMYK模式快很多。因此，可以放心大胆的在图象编辑中使用Lab模式。而且，Lab模式在转换成CMYK模式时色彩没有丢失或被替换。因此，最佳避免色彩损失的方法是：应用Lab模式编辑图象，再转换为CMYK模式打印输出。 当你将RGB模式转换成CMYK模式时，Photoshop将自动将RGB模式转换为Lab模式，再转换为CMYK模式。 No related posts.]]></description>
			<content:encoded><![CDATA[<p>色彩模式是图形设计最基本的知识，每一种模式都有自己的优缺点，都有自己的适用范围。由于成色原理的不同，决定了显示器、投影仪、扫描仪这类靠色光直接合成颜色的颜色设备（直接发光）和打印机、印刷机这类靠使用颜料的印刷设备（非直接发光）在生成颜色方式上的区别。</p>
<p><img class="alignnone size-full wp-image-2214" title="color_1" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/color_1.jpg" alt="" width="400" height="300" /></p>
<p>在photoshop中一共有四种色彩模式，他们分别为：HSB,RGB,CMYK,LAB。入下图所示：</p>
<p><img class="alignnone size-full wp-image-2216" title="color-picker" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/color-picker.png" alt="" width="511" height="371" /></p>
<p><strong>1.RGB模式</strong></p>
<p>RGB是色光的色彩模式。R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其它的色彩。因为三种颜色都有256个亮度水平级，所以三种色彩叠加就形成1670万种颜色了。也就是真彩色，通过它们足以在现绚丽的世界。对于单独的R或G或B而言，当数值为0的时候，代表这个颜色不发光；如果为255，则该颜色为最高亮度。这就好像调光台灯一样，数字0就等于把灯关了，数字255就等于把调光旋钮开到最大。</p>
<p><img class="alignnone size-full wp-image-2212" title="12-color" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/12-color.jpg" alt="" width="500" height="438" /></p>
<p>上图为12色环，当红色光与绿色光相加时，会出现黄色，当绿色光与蓝色光相加时，或出现青色，当红色光与蓝色光相加时会出现品红。</p>
<p><img class="alignnone size-full wp-image-2213" title="RGB_illumination" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/RGB_illumination.jpg" alt="" width="400" height="300" /></p>
<p>我们用放大镜就近观电脑显示器或电视机的屏幕，会看到数量极多的分为红色绿色蓝色三种颜色的小点。屏幕上的所有颜色，也就是我们看到的所有图像内容，都是由它们调和而成的。在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。</p>
<p><strong>2.CMYK模式</strong></p>
<p>CMYK也称作印刷色彩模式，顾名思义就是用来印刷的。它和RGB相比有一个很大的不同：RGB模式是一种发光的色彩模式，你在一间黑暗的房间内仍然可以看见屏幕上的内容；当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。CMYK是一种依靠反光的色彩模式，我们是怎样阅读报纸的内容呢？是由阳光或灯光照射到报纸上，再反射到我们的眼中，才看到内容。它需要由外界光源，如果你在黑暗房间内是无法阅读报纸的。</p>
<p>前面说过，只要在屏幕上显示的图像，就是RGB模式表现的。现在加上一句：只要是在印刷品上看到的图像，就是CMYK模式表现的。比如期刊、杂志、报纸、宣传画等，都是印刷出来的，那么就是CMYK模式的了。<br />
和RGB类似，CMY是3种印刷油墨名称的首字母：青色Cyan、洋红色Magenta、黄色Yellow。而K取的是black最后一个字母，之所以不取首字母，是为了避免与蓝色(Blue)混淆。从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就应该得到黑色。但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗红色。因此还需要加入一种专门的黑墨来调和。</p>
<p><img class="alignnone size-full wp-image-2215" title="CMYK" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/CMYK.jpg" alt="" width="400" height="382" /></p>
<p><strong>3.HSB模式</strong></p>
<p>HSB是基于人眼视觉效果创建的颜色，在HSB模式中，H表示色相，S表示饱和度，B表示亮度。photoshop中的调色板就是按照HSB模式创建的。</p>
<ul>
<li>色相：是纯色，即组成可见光谱的单色。红色在0度，绿色在120度，蓝色在240度。它基本上是RGB模式全色度的饼状图。</li>
<li>饱和度：表示色彩的纯度，为0时为会色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。</li>
<li>亮度：是色彩的明亮读。为0时即为黑色。最大亮度是色彩最鲜明的状态。</li>
</ul>
<p>在HSB模式中，S和B的取值都是百分比，唯有H的取值单位是度，这个度是什么意思？是角度，表示色相位于色相环上的位置，将我们前面学过的色相环加上角度标志就明白了。如左下图。从0度的红色开始，逆时针方向增加角度，60度是黄色，180度是青色等等。360度又回到红色。可以自己调节H滑块对照一下。需要注意的是，由于在Photoshop的HSB模式中只能输入整数，因此能够选择的色彩数量是360万种。虽然在数量上不及RGB模式，但对于我们来说也是足够使用了。</p>
<p>我们再看一下Photoshop的拾色器，拾色器的H方式其实就是HSB取色方式。色谱就是色相，而大框就包含了饱和度和明度(横方向是饱和度，竖方向是明度)。如下右图。</p>
<p><img class="alignnone size-full wp-image-2217" title="hsb" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/hsb.png" alt="" width="520" height="279" /></p>
<p><strong>4.LAB模式</strong></p>
<p>RGB模式是一种发光屏幕的加色模式，CMYK模式是一种颜色反光的印刷减色模式。那么，Lab有是什么处理模式呢？</p>
<p>Lab模式既不依赖光线，也不依赖于颜料，它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式弥补了RGB和CMYK两种色彩模式的不足。</p>
<p>Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。因此，这种色彩混合后将产生明亮的色彩。</p>
<p>Lab模式所定义的色彩最多，且与光线及设备无关并且处理速度与RGB模式同样快，比CMYK模式快很多。因此，可以放心大胆的在图象编辑中使用Lab模式。而且，Lab模式在转换成CMYK模式时色彩没有丢失或被替换。因此，最佳避免色彩损失的方法是：应用Lab模式编辑图象，再转换为CMYK模式打印输出。</p>
<p>当你将RGB模式转换成CMYK模式时，Photoshop将自动将RGB模式转换为Lab模式，再转换为CMYK模式。</p>
<p><img class="alignnone size-full wp-image-2218" title="lab" src="http://www.biaodianfu.com/wp-content/uploads/2010/06/lab.jpg" alt="" width="450" height="435" /></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>十六进制HTML颜色</title>
		<link>http://www.biaodianfu.com/hex-color.html</link>
		<comments>http://www.biaodianfu.com/hex-color.html#comments</comments>
		<pubDate>Sun, 25 Apr 2010 13:50:01 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=2095</guid>
		<description><![CDATA[网页颜色在 HTML 中用十六进制记数法或名称来指定。使用十六进制记数法，要表述颜色的第一个方法是指定要混合的三原色中每一种色彩的量。 通过指定红、绿、蓝的三原色组合，您可以构造出任何颜色。]]></description>
			<content:encoded><![CDATA[<p>网页颜色在 HTML 中用十六进制记数法或名称来指定。</p>
<p>使用十六进制记数法，要表述颜色的第一个方法是指定要混合的三原色中每一种色彩的量。 通过指定红、绿、蓝的三原色组合，您可以构造出任何颜色。</p>
<p>十六进制代码中每六位数代表一个最终颜色值。</p>
<ul>
<li><tt>#<strong>XX</strong>xxxx</tt> &#8211; 红色值</li>
<li><tt>#xx<strong>XX</strong>xx</tt> – 绿色值</li>
<li><tt>#xxxx<strong>XX</strong></tt> – 蓝色值</li>
</ul>
<p>每种颜色的量指定为两位十六进制数。 这意味着没有该颜色为 00，而全是该颜色为 FF。共有 216 个颜色，它们能在任何至少显示 256 个颜色的系统上给出相同的显示。 这些颜色分别由各颜色的 0%、20%、40%、60%、80% 和 100% 与其他各颜色的所有这些百分比混合形成的。 例如，如果您将 20% 的红色、80% 的绿色和 40% 的蓝色结合，就会生成有一些蓝色和少许红色的深绿色。</p>
<p>在本表中显示与那些百分比等值的十六进制值。</p>
<table border="1" cellspacing="1" cellpadding="1" width="50%">
<tbody>
<tr>
<td>颜色百分比</td>
<td>十六进制值</td>
</tr>
<tr>
<td>0</td>
<td>00</td>
</tr>
<tr>
<td>20</td>
<td>33</td>
</tr>
<tr>
<td>40</td>
<td>66</td>
</tr>
<tr>
<td>60</td>
<td>99</td>
</tr>
<tr>
<td>80</td>
<td>CC</td>
</tr>
<tr>
<td>100</td>
<td>FF</td>
</tr>
</tbody>
</table>
<p>要使用十六进制值来生成颜色，您需要在这些值之前加上 # 号来表示它们是十六进制的。 例如，要得到 20% 的红色、80% 的绿色和 40% 的蓝色，应写为 #33CC66。 您可以使用 216 种安全颜色以外的颜色，但是它们在不同浏览器上的显示可能会不同。</p>
<p>这是常用颜色的代码。</p>
<table border="1" cellspacing="1" cellpadding="1" width="50%">
<tbody>
<tr>
<td>颜色</td>
<td>十六进制代码</td>
</tr>
<tr>
<td>白色</td>
<td>#FFFFFF</td>
</tr>
<tr>
<td>黑色</td>
<td>#000000</td>
</tr>
<tr>
<td>蓝色</td>
<td>#0000FF</td>
</tr>
<tr>
<td>绿色</td>
<td>#008000</td>
</tr>
<tr>
<td>红色</td>
<td>#FF0000</td>
</tr>
<tr>
<td>黄色</td>
<td>#FFFF00</td>
</tr>
<tr>
<td>Aqua</td>
<td>#00FFFF</td>
</tr>
<tr>
<td>灰色</td>
<td>#BEBEBE</td>
</tr>
<tr>
<td>酸橙色</td>
<td>#00FF00</td>
</tr>
<tr>
<td>海军蓝</td>
<td>#000080</td>
</tr>
<tr>
<td>紫红色</td>
<td>#800080</td>
</tr>
<tr>
<td>银色</td>
<td>#C0C0C0</td>
</tr>
<tr>
<td>栗色</td>
<td>#800000</td>
</tr>
<tr>
<td>橄榄色</td>
<td>#808000</td>
</tr>
<tr>
<td>凫蓝</td>
<td>#008080</td>
</tr>
</tbody>
</table>
<p>您可以通过以下网址了解关于网页上的颜色和十六进制记数法的详情。</p>
<p><a href="http://www.w3.org/MarkUp/Guide/Style.html" target="_blank">http://www.w3.org/MarkUp/Guide/Style.html</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/wordpress-datebase.html' rel='bookmark' title='WordPress 2.7 数据字典'>WordPress 2.7 数据字典</a></li>
<li><a href='http://www.biaodianfu.com/ie-png-problem.html' rel='bookmark' title='IE不能显示PNG图片问题'>IE不能显示PNG图片问题</a></li>
<li><a href='http://www.biaodianfu.com/googlebot-ua-ip.html' rel='bookmark' title='Google蜘蛛UA及IP'>Google蜘蛛UA及IP</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/hex-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>色轮，用科学解释艺术</title>
		<link>http://www.biaodianfu.com/color-wheel.html</link>
		<comments>http://www.biaodianfu.com/color-wheel.html#comments</comments>
		<pubDate>Wed, 27 Jan 2010 13:37:00 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=1613</guid>
		<description><![CDATA[如果你能正确的读出一下上面每个字的颜色，说明你要么是天才，要么是色盲。下面开始我们的主题。本文转自蓝色理想。 哪里有光，哪里就有颜色。有时我们会认为颜色是独立的——这是蓝色，那是红色，但事实上，颜色不可能单独存在，它总是与另外的颜色产生联系，就象音乐的音符，没有某一种颜色是所谓的“好”或“坏”。只有当与其它颜色搭配作为一个整体时，我们才能说，是协调或者不协调。色轮告诉我们颜色之间的相互的关系。 白色光包含了所有的可见颜色，我们看到是由紫到红之间的无穷光谱组成的可见光区域，就象你所看到的彩虹颜色。为了在使用颜色时更加实用，人们对它进行了简化，将它们分为12 种基本的色相。 色轮由 12 种基本的颜色组成。首先包含的是三原色（ Primary colors ），即蓝、黄、红。原色混合产生了二次色（ Secondary colors ），用二次色混合，产生了三次色（ tertiary colors ）。 原色是色轮中所有颜色的“父母”。在色轮中，只有这三种颜色不是 由其它颜色调合而成。上图可以看出，三原色在色环中的位置是平均分布的。 二次色所处的位置是位于两种三原色一半的地方（见上图）。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。 三次色是由相邻的两种二次色调合而成。 共同的颜色： 你可能会发现，每一种颜色都拥有部分相邻的颜色，如此循环成一个色环。共同的颜色是颜色关系的基本要点，必须对此有深入的了解。 在上图这七种颜色中，都共同拥有蓝色。越远的颜色（如草绿色）含有的蓝色就越少。绿色及紫色这两种二次色都含有蓝色。 在上图七种颜色中，都拥有黄色。同样的，离得越远的颜色，拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。 在上图七种颜色中，都拥有红色。向两边散开时，红色就含得越少。橙色及紫色这两种二次色都含有红色。 颜色有明暗之分——或者称为颜色数值。为了显示颜色的明暗，所以色轮有多个环。两个外围的大环是暗色（ Shadow colors ），里面两个小环是明色 (tint colors) 。 色轮有五个同心环组成，从暗到亮——暗色处于大环，明色处于小环，而中间是颜色的基本色相。 从上图我们可以看出，处于右边的暗色就是加上黑色，而左边的明色则是加上白色。五个圆环已经清楚表示了颜色如何由暗到亮的过程。但这种明色及暗色的关系只是相对而言。 颜色关系 下面我们列出六种基本的颜色关系。每一种颜色关系都可以有无数种搭配的可能，当你掌握它们时，你对颜色的视野才会显得开阔。 单色搭配（ Monochromatic ）：一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。 类比色搭配（ Analogous ）：相邻的颜色我们称为类比色。类比色都拥有共同的颜色（在上图中，是黄色及红色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富，在设计时应用这种搭配同样让你轻易产生不错的视觉效果。 补色搭配（ Complement ）：在色轮上直线相对的两种颜色称为补色，在上图中，是橙色及蓝色。补色形成强列的对比效果，传达出活力、能量、兴奋等意义。补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。   分裂补色（ Split complement ）：如果我们同时用补色及类比色的方法来确定的颜色关系，就称为分裂补色。这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中，红色就显得更加突出。 原色搭配（ Primary ）：除了在一些儿童的产品中，三原色同时使用是比较少见的。但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。红黄搭配应用的范围很广——从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人，如果是紧邻在一起，则会产生冲突感。 二次色搭配 (Secondary) [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1615" title="color" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color.jpg" alt="" width="490" height="367" /></p>
<p>如果你能正确的读出一下上面每个字的颜色，说明你要么是天才，要么是色盲。下面开始我们的主题。本文转自蓝色理想。</p>
<p>哪里有光，哪里就有颜色。有时我们会认为颜色是独立的——这是蓝色，那是红色，但事实上，颜色不可能单独存在，它总是与另外的颜色产生联系，就象音乐的音符，没有某一种颜色是所谓的“好”或“坏”。只有当与其它颜色搭配作为一个整体时，我们才能说，是协调或者不协调。色轮告诉我们颜色之间的相互的关系。</p>
<p><img class="alignnone size-full wp-image-1614" title="color_1" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_1.jpg" alt="" width="474" height="425" /></p>
<p>白色光包含了所有的可见颜色，我们看到是由紫到红之间的无穷光谱组成的可见光区域，就象你所看到的彩虹颜色。为了在使用颜色时更加实用，人们对它进行了简化，将它们分为12 种基本的色相。</p>
<p>色轮由 12 种基本的颜色组成。首先包含的是三原色（ Primary colors ），即蓝、黄、红。原色混合产生了二次色（ Secondary colors ），用二次色混合，产生了三次色（ tertiary colors ）。</p>
<p><img class="alignnone size-full wp-image-1616" title="color_2" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_2.jpg" alt="" width="298" height="310" /></p>
<p>原色是色轮中所有颜色的“父母”。在色轮中，只有这三种颜色不是 由其它颜色调合而成。上图可以看出，三原色在色环中的位置是平均分布的。</p>
<p><img class="alignnone size-full wp-image-1617" title="color_3" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_3.jpg" alt="" width="305" height="423" /></p>
<p>二次色所处的位置是位于两种三原色一半的地方（见上图）。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。</p>
<p><img class="alignnone size-full wp-image-1618" title="color_4" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_4.jpg" alt="" width="303" height="404" /></p>
<p>三次色是由相邻的两种二次色调合而成。</p>
<p><strong>共同的颜色</strong>：</p>
<p>你可能会发现，每一种颜色都拥有部分相邻的颜色，如此循环成一个色环。共同的颜色是颜色关系的基本要点，必须对此有深入的了解。</p>
<p><img class="alignnone size-full wp-image-1619" title="color_5" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_5.jpg" alt="" width="301" height="311" /></p>
<p>在上图这七种颜色中，都共同拥有蓝色。越远的颜色（如草绿色）含有的蓝色就越少。绿色及紫色这两种二次色都含有蓝色。</p>
<p><img title="color_6" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_6.jpg" alt="" width="301" height="305" /></p>
<p>在上图七种颜色中，都拥有黄色。同样的，离得越远的颜色，拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。</p>
<p><img class="alignnone size-full wp-image-1621" title="color_7" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_7.jpg" alt="" width="305" height="314" /></p>
<p>在上图七种颜色中，都拥有红色。向两边散开时，红色就含得越少。橙色及紫色这两种二次色都含有红色。</p>
<p>颜色有明暗之分——或者称为颜色数值。为了显示颜色的明暗，所以色轮有多个环。两个外围的大环是暗色（ Shadow colors ），里面两个小环是明色 (tint colors) 。</p>
<p><img class="alignnone size-full wp-image-1622" title="color_8" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_8.jpg" alt="" width="237" height="458" /></p>
<p>色轮有五个同心环组成，从暗到亮——暗色处于大环，明色处于小环，而中间是颜色的基本色相。</p>
<p><img class="alignnone size-full wp-image-1623" title="color_9" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_9.jpg" alt="" width="510" height="391" /></p>
<p>从上图我们可以看出，处于右边的暗色就是加上黑色，而左边的明色则是加上白色。五个圆环已经清楚表示了颜色如何由暗到亮的过程。但这种明色及暗色的关系只是相对而言。</p>
<p><strong>颜色关系</strong></p>
<p>下面我们列出六种基本的颜色关系。每一种颜色关系都可以有无数种搭配的可能，当你掌握它们时，你对颜色的视野才会显得开阔。</p>
<p><img class="alignnone size-full wp-image-1624" title="color_10" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_10.jpg" alt="" width="353" height="281" /></p>
<p><strong>单色搭配（ Monochromatic ）：</strong>一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。</p>
<p><img class="alignnone size-full wp-image-1625" title="color_12" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_12.jpg" alt="" width="347" height="300" /></p>
<p><strong>类比色搭配（ Analogous ）</strong>：相邻的颜色我们称为类比色。类比色都拥有共同的颜色（在上图中，是黄色及红色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富，在设计时应用这种搭配同样让你轻易产生不错的视觉效果。</p>
<p><img class="alignnone size-full wp-image-1626" title="color_13" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_13.jpg" alt="" width="362" height="291" /></p>
<p><strong>补色搭配（ Complement ）</strong>：在色轮上直线相对的两种颜色称为补色，在上图中，是橙色及蓝色。补色形成强列的对比效果，传达出活力、能量、兴奋等意义。补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。</p>
<p> <img title="color_14" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_14.jpg" alt="" width="408" height="305" /></p>
<p><strong>分裂补色（ Split complement ）：</strong>如果我们同时用补色及类比色的方法来确定的颜色关系，就称为分裂补色。这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中，红色就显得更加突出。</p>
<p><img class="alignnone size-full wp-image-1628" title="color_15" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_15.jpg" alt="" width="385" height="389" /></p>
<p><strong>原色搭配（ Primary ）：</strong>除了在一些儿童的产品中，三原色同时使用是比较少见的。但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。红黄搭配应用的范围很广——从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人，如果是紧邻在一起，则会产生冲突感。</p>
<p><img class="alignnone size-full wp-image-1629" title="color_16" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_16.jpg" alt="" width="341" height="368" /></p>
<p><strong>二次色搭配 (Secondary)</strong> ：二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色——所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，并具有丰富的色调。它们同时具有的颜色深度及广度，这一点在其它颜色关系上很难找到。</p>
<p><strong>看了这么多理论，还是考一下自己吧：</strong></p>
<p>下面这四个封面中，都各自运用了我们在上面所述的其中一种颜色搭配。你能说出它们是运用了哪一种颜色搭配吗？（提示：眼睛只集中在一些大区域的颜色，不要理会细微的颜色区域。也不用理会黑白两种颜色）</p>
<p><img class="alignnone size-full wp-image-1630" title="color_17" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_17.jpg" alt="" width="395" height="572" /></p>
<p>（答案见本页底部）上图所用颜色数值：</p>
<p><img class="alignnone size-full wp-image-1631" title="color_18" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_18.jpg" alt="" width="157" height="497" /></p>
<p><strong>答案:</strong></p>
<p><img class="alignnone size-full wp-image-1632" title="color_20" src="http://www.biaodianfu.com/wp-content/uploads/2010/01/color_20.jpg" alt="" width="218" height="273" /></p>
<p>当我们用色轮对其分析后,就很容易得到答案：A:单色搭配;B:补色搭配;C:三原色搭配;D:类比色搭配</p>
<p>附标准色轮矢量图下载：<a href="http://www.box.net/shared/864z4x5960">http://www.box.net/shared/864z4x5960</a></p>
<p>在线配色程序：<a href="http://www.biaodianfu.com/tools/color.htm">http://www.biaodianfu.com/tools/color.htm</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/how-to-make-heatmap.html' rel='bookmark' title='网站点击热力图的技术实现'>网站点击热力图的技术实现</a></li>
<li><a href='http://www.biaodianfu.com/yahoo-links-api.html' rel='bookmark' title='使用PHP导入雅虎外链数据'>使用PHP导入雅虎外链数据</a></li>
<li><a href='http://www.biaodianfu.com/web-form-design-pdf.html' rel='bookmark' title='《Web Form Design》PDF电子书下载'>《Web Form Design》PDF电子书下载</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/color-wheel.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

