CSS rgb颜色产生原理 颜色对照表
轉自：http://www.cnblogs.com/iteakey/articles/3016093.html
http://www.ittribalwo.com/article/1945.html
獲取各種顏色的rgb值
我們在屏幕上看到的任何一個顏色都可以有一組RGB值來記錄和表達。
從物理光學試驗中得出：紅、綠、藍三種色光以不同比例的混合幾乎可以得出自然界所有的顏色。
一種顏色的數值一般用這種顏色的RGB值來表示。RGB值指某種顏色中的紅(Red)、綠(Green)、藍(Blue)成分。
RGB的所謂多少就是指亮度，并且使用整數來表示。RGB各有256級亮度，用數字0、1、2……255。
按照計算，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對于單獨的R或G或B而言，當數值為0的時候，代表這個顏色不發光；如果為255，則該顏色為最高亮度。這就好像調光臺燈一樣，數字0就等于把燈關了，數字255就等于把調光旋鈕開到最大。
RGBA顏色表示：RGBA(R,G,B,A)
?? RGBA 值：
? R - 紅色（取值為0-255的正整數 | 百分數）
? G - 綠色（取值為0-255的正整數 | 百分數）
? B - 藍色（取值為0-255的正整數 | 百分數）
? A - alpha 透明度（取值為0~1，0表示透明，1表示不透明）
我們一起來思考一些常用的各種顏色的rgb值，比如純黑、純白、最紅色、最綠色、最藍色、最黃色的RGB值各是多少？
黑色，因為屏幕上沒有任何色光存在，相當于RGB三種色光都沒有發光，所以黑色的RGB值是0,0,0。
白色，是RGB三種色光都發到最強的亮度，所以純白的RGB值就是255,255,255。
最紅色，意味著只有紅色存在，且亮度最強，綠色和藍色都不發光。因此最紅色的數值是255,0,0。同理，最綠色就是0,255,0；而最藍色就是0,0,255。
在Phottoshop中執行“窗口——顏色”，打開“顏色”面板，輸入RGB值或者拖動R、G、B滑塊查看顏色。
R、G、B值中沒有黃色。那么黃色的RGB值是多少呢？要知道某個顏色具體的RGB值，就需要知道色彩的色相譜。
所謂色相就是指顏色的色彩種類，分別是：紅色橙色黃色綠色青色藍色紫色。這七種顏色頭尾相接，形成一個閉合的環。
在上面這個色相環中，位于180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱為反轉色，又稱為互補色?；パa的兩種顏色之間是此消彼長的關系。
色相環中間是白色，如要得到最黃色，就需要把選色框向最黃色的方向移動，同時也逐漸遠離最藍色。當達到圓環黃色部分的邊緣時，就是最黃色，同時離最藍色也就最遠了。由此得出，黃色＝白色－藍色。用RGB值來運算：R（255-0），G（255-0），B（255-255），得到R255G255B0
通過上面色相環的相鄰關系，我們還可以說:純黃色＝純紅色＋純綠色。
明白了上面這些原理，我們才知道各種顏色的rgb值的由來。
HTML CSS顏色對照表
| FFFFFF | #DDDDDD | #AAAAAA | #888888 | #666666 | #444444 | #000000 |
| #FFB7DD | #FF88C2 | #FF44AA | #FF0088 | #C10066 | #A20055 | #8C0044 |
| #FFCCCC | #FF8888 | #FF3333 | #FF0000 | #CC0000 | #AA0000 | #880000 |
| #FFC8B4 | #FFA488 | #FF7744 | #FF5511 | #E63F00 | #C63300 | #A42D00 |
| #FFDDAA | #FFBB66 | #FFAA33 | #FF8800 | #EE7700 | #CC6600 | #BB5500 |
| #FFEE99 | #FFDD55 | #FFCC22 | #FFBB00 | #DDAA00 | #AA7700 | #886600 |
| #FFFFBB | #FFFF77 | #FFFF33 | #FFFF00 | #EEEE00 | #BBBB00 | #888800 |
| #EEFFBB | #DDFF77 | #CCFF33 | #BBFF00 | #99DD00 | #88AA00 | #668800 |
| #CCFF99 | #BBFF66 | #99FF33 | #77FF00 | #66DD00 | #55AA00 | #227700 |
| #99FF99 | #66FF66 | #33FF33 | #00FF00 | #00DD00 | #00AA00 | #008800 |
| #BBFFEE | #77FFCC | #33FFAA | #00FF99 | #00DD77 | #00AA55 | #008844 |
| #AAFFEE | #77FFEE | #33FFDD | #00FFCC | #00DDAA | #00AA88 | #008866 |
| #99FFFF | #66FFFF | #33FFFF | #00FFFF | #00DDDD | #00AAAA | #008888 |
| #CCEEFF | #77DDFF | #33CCFF | #00BBFF | #009FCC | #0088A8 | #007799 |
| #CCDDFF | #99BBFF | #5599FF | #0066FF | #0044BB | #003C9D | #003377 |
| #CCCCFF | #9999FF | #5555FF | #0000FF | #0000CC | #0000AA | #000088 |
| #CCBBFF | #9F88FF | #7744FF | #5500FF | #4400CC | #2200AA | #220088 |
| #D1BBFF | #B088FF | #9955FF | #7700FF | #5500DD | #4400B3 | #3A0088 |
| #E8CCFF | #D28EFF | #B94FFF | #9900FF | #7700BB | #66009D | #550088 |
| #F0BBFF | #E38EFF | #E93EFF | #CC00FF | #A500CC | #7A0099 | #660077 |
| #FFB3FF | #FF77FF | #FF3EFF | #FF0 0FF | #CC00CC | #990099 | #770077 |
| maroon | #800000 | |
| darkred | #8B0000 | |
| brown | #A52A2A | |
| firebrick | #B22222 | |
| crimson | #DC143C | |
| red | #FF0000 |
桃紅~紛紅
| mediumvioletred | #C71585 | |
| palevioletred | #D87093 | |
| deeppink | #FF1493 | |
| fuchsia(magenta) | #FF00FF | |
| hotpink | #FF69B4 | |
| pink | #FFC0CB | |
| lightpink | #FFB6C1 | |
| mistyrose | #FFE4E1 | |
| lavenderblush | #FFF0F5 |
紫
| indigo | #4B0082 | |
| purple | #800080 | |
| darkmagenta | #8B008B | |
| darkorchid | #9932CC | |
| blueviolet | #8A2BE2 | |
| darkviolet | #9400D3 | |
| slateblue | #6A5ACD | |
| mediumpurple | #9370DB | |
| mediumslateblue | #7B68EE | |
| mediumorchid | #BA55D3 | |
| violet | #EE82EE | |
| plum | #DDA0DD | |
| thistle | #D8BFD8 | |
| lavender | #E6E6FA |
褐~橘~米白
| saddlebrown | #8B4513 | |
| sienna | #A0522D | |
| chocolate | #D2691E | |
| indianred | #CD5C5C | |
| rosybrown | #BC8F8F | |
| lightcorol | #F08080 | |
| salmon | #FA8072 | |
| lightsalmon | #FFA07A | |
| orangered | #FF4500 | |
| tomato | #FF6347 | |
| coral | #FF7F50 | |
| darkorange | #FF8C00 | |
| sandybrown | #F4A460 | |
| peru | #CD853F | |
| tan | #D2B48C | |
| burlywood | #DEB887 | |
| wheat | #F5DEB3 | |
| moccasin | #FFE4B5 | |
| navajowhite | #FFDEAD | |
| peachpuff | #FFDAB9 | |
| bisque | #FFE4C4 | |
| antuquewhite | #FAEBD7 | |
| papayawhip | #FFEFD5 | |
| cornsilk | #FFF8DC | |
| oldlace | #FDF5E6 | |
| linen | #FAF0E6 | |
| seashell | #FFF5EE | |
| snow | #FFFAFA | |
| floralwhite | #FFFAF0 | |
| ivory | #FFFFF0 | |
| mintcream | #F5FFFA |
金~黃
| darkgoldenrod | #B8860B | |
| goldenrod | #DAA520 | |
| gold | #FFD700 | |
| yellow | #FFFF00 | |
| darkkhaki | #BDB76B | |
| khaki | #F0E68C | |
| palegoldenrod | #EEE8AA | |
| beige | #F5F5DC | |
| lemonchiffon | #FFFACD | |
| lightgoldenrodyellow | #FAFAD2 | |
| lightyellow | #FFFFE0 |
~黃
綠
| darkslategray | #2F4F4F | |
| darkolivegreen | #556B2F | |
| olive | #808000 | |
| darkgreen | #006400 | |
| forestgreen | #228B22 | |
| seagreen | #2E8B57 | |
| green(teal) | #008080 | |
| lightseagreen | #20B2AA | |
| madiumaquamarine | #66CDAA | |
| mediumseagreen | #3CB371 | |
| darkseagreen | #8FBC8F | |
| yellowgreen | #9ACD32 | |
| limegreen | #32CD32 | |
| lime | #00FF00 | |
| chartreuse | #7FFF00 | |
| lawngreen | #7CFC00 | |
| greenyellow | #ADFF2F | |
| mediumspringgreen | #00FA9A | |
| springgreen | #00FF7F | |
| lightgreen | #90EE90 | |
| palegreen | #98F898 | |
| aquamarine | #7FFFD4 | |
| honeydew | #F0FFF0 |
藍
| midnightblue | #191970 | |
| navy | #000080 | |
| darkblue | #00008B | |
| darkslateblue | #483D8B | |
| mediumblue | #0000CD | |
| royalblue | #4169E1 | |
| dodgerblue | #1E90FF | |
| cornflowerblue | #6495ED | |
| deepskyblue | #00BFFF | |
| lightskyblue | #87CEFA | |
| lightsteelblue | #B0C4DE | |
| lightblue | #ADD8E6 | |
| steelblue | #4682B4 | |
| darkcyan | #008B8B | |
| cadetblue | #5F9EA0 | |
| darkturquoise | #00CED1 | |
| mediumturquoise | #48D1CC | |
| turquoise | #40E0D0 | |
| skyblue | #87CECB | |
| powderblue | #B0E0E6 | |
| paleturquoise | #AFEEEE | |
| lightcyan | #E0FFFF | |
| azure | #F0FFFF | |
| aliceblue | #F0F8FF | |
| aqua(cyan) | #00FFFF |
黑~灰~白
?
| black | #000000 | |
| dimgray | #696969 | |
| gray | #808080 | |
| slategray | #708090 | |
| lightslategray | #778899 | |
| darkgray | #A9A9A9 | |
| silver | #C0C0C0 | |
| lightgray | #D3D3D3 | |
| gainsboro | #DCDCDC | |
| whitesmoke | #F5F5F5 | |
| ghostwhite | #F8F8FF | |
| white |
總結
以上是生活随笔為你收集整理的CSS rgb颜色产生原理 颜色对照表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android自动打开软件下载,手机后台
- 下一篇： CSS介绍及视频分享