📄 introductiontocolor.htm
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="css/stdlayout.css" type="text/css">
<link rel="stylesheet" href="css/print.css" type="text/css">
<meta content="text/html; charset=gb2312" http-equiv="content-type">
<title>色彩简介</title>
</head>
<body>
<h3><a href="http://caterpillar.onlyfun.net/GossipCN/index.html">From
Gossip@caterpillar</a></h3>
<h1><a href="ComputerGraphics.htm">Computer Graphics: 色彩简介</a></h1>
<h2>色彩的解析度</h2>
荧幕可显示的色彩解析度可以分为单色（monochrome）、16色（常以EGA表示）、256色（当以VGA表示）、65536（或称hi color）、16777216（true color）。<br>
<br>
所谓色彩解析度是指电脑使用多少位元（bit）来记录色彩，位元越多色彩的解析度越高，例如在256色中，使用8位元，也就是一个位元组（byte）来记
录色彩资讯，因而可以记录2^8 = 256种颜色。如果使用16位元来记录色彩，则可以记录2^16 =
65536个色彩，而使用24位元，则可以记录2^24 = 16777216。<br>
<br>
至于目前有所谓32位元的色彩解析度，其使用24位元的true color为基础来描述色彩，并加上8位元的额外资讯，例如transparent等，并不是真正使用32位元来描述色彩。<br>
<br>
如果使用越高的色彩解析度，则由于所使用的位元越多，所耗用的记忆体也就越多，如果将这些色彩资讯储存为图档，则档案的容量也就越大。<br>
<br>
如果要在荧幕上显示一个图像，则必须先将图像储存在显示卡的记忆体上，如果显示卡的记忆体容量不够，则图像资讯无法放入，例如要显示400
色的图像时，若显示卡只能显示256色，则400色必须先浓缩为256色，图像所能显示的色彩也就受到限制，所以为了要完美显示图像色彩资讯，拥有足够记
忆体的显示卡是不可少的。<br>
<br>
另外作业系统也会根据驱动程式或本身的设定来影响色彩输出，同一个图像在不同的作业系统上也会有不同的色彩输出。<br>
<h2>调色盘</h2>
要在荧幕上显示一个图像，则必须先将图像储存在显示卡的记忆体上，然后根据显示卡的颜色配置表来显示色彩，这个显示配置表就是所谓的“调色盘”
（palette），不同的显示卡，所使用的调色盘可能不同，所以同一个图像资讯在同一个色彩解析度下，若使用的显示卡不同，图像的色彩也会有所差异。<br>
<h2>RGB三原色</h2>
荧幕是属于投影装置，直接将光线投射至荧幕上，再由眼晴接收，所以使用的是RGB光的三原色加色法来进行色彩的混色，R表示Red、G表示Green、B
表示Blue，在电脑上三原色的显示范围为0到255，0表示无色彩，例如RGB为（255, 0, 0）表示全红，而（0, 255,
0）表示全绿，(0, 0, 255)表示全蓝，而（0, 0, 0）表示黑色，（255, 255, 255）表示RGB三色光全混色，也就是白色。<br>
<h2>16色模式</h2>
16色模式最常见于DOS作业系统的时代，它使用0到15的号码来分别代表16种不同的颜色，至今仍可见于一些图像应用上，如果您使用Turbo C的绘图函式，也会使用到16色的指定方式，以下为16色模式的号码指定与RGB码的对应： <br>
<table align="left" border="1" width="100%">
<tbody>
<tr>
<td style="background-color: rgb(204, 204, 204);" align="left" valign="top"><small>号码 </small></td>
<td style="background-color: rgb(204, 204, 204);" align="left" valign="top"><small>颜色描述 </small></td>
<td style="background-color: rgb(204, 204, 204);" align="left" valign="top"><small>RGB </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>0 </small></td>
<td align="left" valign="top"><small>黑色 </small></td>
<td align="left" valign="top"><small>(0, 0, 0) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>1 </small></td>
<td align="left" valign="top"><small>蓝色 </small></td>
<td align="left" valign="top"><small>(0, 0, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>2 </small></td>
<td align="left" valign="top"><small>绿色 </small></td>
<td align="left" valign="top"><small>(0, 255, 0) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>3 </small></td>
<td align="left" valign="top"><small>蓝绿色 </small></td>
<td align="left" valign="top"><small>(0, 255, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>4 </small></td>
<td align="left" valign="top"><small>红色 </small></td>
<td align="left" valign="top"><small>(255, 0, 0) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>5 </small></td>
<td align="left" valign="top"><small>洋红色 </small></td>
<td align="left" valign="top"><small>(255, 0, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>6 </small></td>
<td align="left" valign="top"><small>黄色 </small></td>
<td align="left" valign="top"><small>(255, 255, 0) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>7 </small></td>
<td align="left" valign="top"><small>白色 </small></td>
<td align="left" valign="top"><small>(255, 255, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>8 </small></td>
<td align="left" valign="top"><small>浅灰色 </small></td>
<td align="left" valign="top"><small>(192, 192, 192) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>9 </small></td>
<td align="left" valign="top"><small>浅蓝色 </small></td>
<td align="left" valign="top"><small>(128, 128, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>10 </small></td>
<td align="left" valign="top"><small>浅绿色 </small></td>
<td align="left" valign="top"><small>(128, 255, 128) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>11 </small></td>
<td align="left" valign="top"><small>浅蓝绿色 </small></td>
<td align="left" valign="top"><small>(128, 255, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>12 </small></td>
<td align="left" valign="top"><small>浅红色 </small></td>
<td align="left" valign="top"><small>(255, 128, 128) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>13 </small></td>
<td align="left" valign="top"><small>浅洋红色 </small></td>
<td align="left" valign="top"><small>(255, 128, 255) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>14 </small></td>
<td align="left" valign="top"><small>浅黄色 </small></td>
<td align="left" valign="top"><small>(255, 255, 128) </small></td>
</tr>
<tr>
<td align="left" valign="top"><small>15 </small></td>
<td align="left" valign="top"><small>灰色 </small></td>
<td align="left" valign="top"><small>(128, 128, 128)</small></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<span class="postbody"></span><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2> HSV</h2>
HSV中的“色相”（Hue）是錂镜分光，主要有红、橙、黄、绿、蓝、紫...等八个主要色相。“亮度”（Brightness）是明暗表现，由白至黑的
表现，在P.C.C.S（Practical Color Coordinate
System）配色系统中，将之分为白、浅灰（浅，深）、浅中灰、中灰、暗中灰、暗灰（浅，深）、黑等。“彩度”(Saturation)也就是色彩的饱
和程度，彩度最高的称之为“纯色”，最低为“无颜色”。 <br>
<h2> 216 安全色</h2>
相同的一个RGB设定值，在不同的作业系统、不同的浏览器或不同的程式下，可能会有不同的颜色呈现，这是因为所使用的调色盘所不同而导致，对于设计网页或
数位图像的工作者而言，这是个相当令人困扰的问题，尤其是在广告网页或图片上，微妙的颜色差异可能就会使得广告效益相差十万八千里。 <br>
<br>
216安全色是所有调色盘共通使用的色系，RGB值的指定一律由0、51、102、153、204、255中挑选，所以可以有6 x 6 x 6 =
216个颜色。 <br>
<br>
如果您是设计网页、绘图程式，考虑到颜色于各种平台的一致性问题，216安全色的观念可以善加利用一下。 <br>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -