RGB的三維模型與漸變色-顏色系列之一


一、前言

以下與顏色相關的日志記錄了俺學習顏色的有關容,限於編寫時的水平,難免存在缺點與錯誤,希望得到朋友、同行和前輩的指教,非常感謝。
1.  RGB的三維模型與漸變色-顏色系列之一
2.  《顏色代碼自調器》的構成及其操作-顏色系列之二
3.  H型各顏色代碼漸變的調色規律-顏色系列之三
4. 教你如何分析顏色代碼的顏色-顏色系列之四
5. GIF綜述及彩信格式-顏色系列之五
6.  顏色代碼-色卡-帶中文名顏色代碼匯總-顏色系列之六 

7.  十六進制速記的html顏色代碼-已命名顏色

二、問題的提出

       在《RGB色彩模式》里,有這樣的介紹: 

        RGB色彩模式(也翻譯為“紅綠藍”,比較少用)是工業界的一種顏色標准,是通過對紅(R)、綠(G)、藍(B)三個顏色 通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色,這個標准幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的 顏色系統之一。
  RGB 色彩模式使用 RGB模型為圖像中每一個 像素的RGB分量分配一個0~255范圍內的強度值。RGB圖像只使用三種顏色,就可以使它們按照不同的比例混合,在屏幕上重現16777216種顏色。
 
  在 RGB 模式下,每種 RGB 成分都可使用從 0(黑色)到 255(白色)的值。 例如,亮紅色使用 R 值 255、G 值 0 和 B 值 0。 當所有三種成分值相等時,產生灰色陰影。 當所有成分的值均為 255 時,結果是純白色;當該值為 0 時,結果是純黑色。 

 

三、 建立漸變色的立方體(三維)模型

       依據以上資料,確定原點為黑色、頂點為白色和三條坐標軸的頂點分別為R-紅、G-綠、B-藍,那么其它3個頂點的顏色也就確定了,繪出連顏色代碼[255-ff,(255,255,255)-ffffff-fff]一起的立方體如下圖所示。      

 
RGB的三維模型與漸變色 - zhong-wei-jie - 鍾點工的博客
 
       

       上圖是參照F8的顏色樣式代碼數列《0-3-6-9-c-f》繪制的,其差為:(2e)=3*16+3=51,用此差值分割大立方體,便得到6*6*6=216個小立方體,每個小立方體代表着一種漸變色。

 

四、 根據立方體六個面的頂點顏色做出該平面的漸變顏色如下

 

1.  黑-綠-藍-青面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

2.  黑-紅-藍-紫面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

3.  黑-綠-紅-黃面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

4.  紅-黃-紫-白面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

5.  綠-青-黃-白面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

6.  藍-青-紫-白面的中立方顏色漸變如下表

 

           
           
           
           
           
           

 

 

 

五、 將以上6個面的立方體外觀漸變顏色組合的大立方體全貌 

       從下圖可以數出黑-白-紅-綠-藍-黃-青-紫各顏色與后一種顏色之間的漸變,共有7+6+5+4+3+2+1=28種基本漸變關系。

RGB的三維模型與漸變色 - zhong-wei-jie - 鍾點工的博客

六、 立方體六個面的外觀漸變顏色代碼   

1.  藍-青-黑-綠面的中立方顏色漸變如下表

0f0 0f3 0f6 0f9 0fc 0ff
0c0 0c3 0c6 0c9 0cc 0cf
090 093 096 099 09c 09f
060 063 066 069 06c 06f
030 033 036 039 03c 03f
000 003 006 009 00c 00f

 

2.  黑-紅-藍-紫面的中立方顏色漸變如下表

f00 f03 f06 f09 f0c f0f
c00 c03 c06 c09 c0c c0f
900 903 906 909 90c 90f
600 603 606 609 60c 60f
300 303 306 309 30c 30f
000 003 006 f09 f0c 00f

 

3.  黑-綠-紅-黃面的中立方顏色漸變如下表

0f0 3f0 6f0 9f0 cf0 ff0
0c0 3c0 6c0 9c0 cc0 fc0
090 390 690 990 c90 f90
060 360 660 960 c60 f60
030 330 630 930 c30 f30
000 300 600 900 c00 f00

 

4.  紅-黃-紫-白面的中立方顏色漸變如下表

 

ff0  ff3 ff6 ff9 ffc fff
fc0 fc3 fc6 fc9 fcc fcf
f90 f93 f96 f99 f9c f9f
f60 f63 f66 f69 f6c f6f
f30 f33 f36 f39 f3c f3f
f00 f03 f06 f09 f0c f0f

 

5.  綠-青-黃-白面的中立方顏色漸變如下表

 

0ff 3ff 6ff 9ff cff fff
0fc 3fc 6fc  9fc cfc ffc
0f9 3f9 6f9 9f9 cf9 ff9
0f6 3f6 6f6 9f6 cf6 ff6
0f3 3f3 6f3 9f3 cf3 ff3
0f0 3f0 6f0 9f0 cf0 ff0
   

 

6.  紫-白-藍-青面的中立方顏色漸變如下表

 

0ff 3ff 6ff 9ff cff fff
0cf 3cf 6cf 9cf ccf fcf
09f 39f 69f 99f c9f f9f
06f 36f 66f 96f c6f f6f
03f 33f 63f 93f c3f f3f
00f 30f 60f 90f c0f f0f
   

 

七、紅-黃-紫-白面及以下各層小立方的顏色漸變及代碼

 

1. 該層第1個字母“f”層

ff0  ff3 ff6 ff9 ffc fff
fc0 fc3 fc6 fc9 fcc fcf
f90 f93 f96 f99 f9c f9f
f60 f63 f66 f69 f6c f6f
f30 f33 f36 f39 f3c f3f
f00 f03 f06 f09 f0c f0f

 

2. 以下第1個字母“c”層

 

cf0 cf3 cf6 cf9 cfc cff
cc0 cc3 cc6 cc9 ccc ccf
c90 c93 c96 c99 c9c c9f
c60 c63 c66 c69 c6c c6f
c30 c33 c36 c39 c3c c3f
c00 c03 c06 c09 c0c c0f

 

3. 以下第1個字母“9”層

9f0 9f3 9f6 9f9 9fc 9ff
9c0 9c3 9c6 9c9 9cc 9cf
990 993 996 999 99c 99f
960 963 966 969 96c 96f
930 933 936 939 93c 93f
900 903 906 909 90c 90f

 

4. 以下第1個字母“6”層   

6f0 6f3 6f6 6f9 6fc 6ff
6c0 6c3 6c6 6c9 6cc 6cf
690 693 696 699 69c 69f
660 663 666 669 66c 66f
630 633 636 639 63c 63f
600 603 606 609 60c 60f

 

5. 以下第1個字母“3”層

 

3f0 3f3 cf6 3f9 3fc 3ff
3c0 3c3 3c6 3c9 3cc 3cf
390 393 396 399 39c 39f
360 363 366 369 36c 36f
330 333 336 339 33c 33f
300 303 306 309 30c 30f

 

6. 以下第1個字母“0”層

0f0 0f3 0f6 0f9 0fc 0ff
0c0 0c3 0c6 0c9 0cc 0cf
090 093 096 099 09c 09f
060 063 066 069 06c 06f
030 033 036 039 03c 03f
000 003 006 009 00c 00f

 

 

   

 八、 討論

       以上6層漸變顏色,當順時針旋轉90°就與下圖( F8顏色樣式的截圖)相對應了,也與俺的日志《《顏色代碼自調器》的構成及其操作里的6個菱形顏色漸變組件是對應的。

上排從左至右:第1組  #000000(黑)-#00FFFF(青)--相當於第1個字母“0”層。

                        第2組   #330000-#33FFFF --相當於第1個字母“3”層。

                        第3組   #660000-#66FFFF--相當於第1個字母“6”層。

下排從左至右:第4組  #990000-#99FFFF -- 相當於第1個字母“9”層。    

                        第5組  #CC0000-#CCFFFF --相當於第1個字母“c”層。

                        第6組   #FF0000(紅)-#FFFFFF(白)--相當於第1個字母“f”層。

 

RGB的三維模型與漸變色 - zhong-wei-jie - 鍾點工的博客

 

九、 16*16紅-黃-紫-白面顏色漸變代碼

 

 

ff0 ff1 ff2 ff3 ff4 ff5 ff6 ff7 ff8 ff9 ffa ffb ffc ffd ffe fff
fe0 fe1 fe2 fe3 fe4 fe5 fe6 fe7 fe8 fe9 fea feb fec fed fee fef
fd0 fd1 fd2 fd3 fd4 fd5 fd6 fd7 fd8 fd9 fda fdb fdc fdd fde fdf
fc0 fc1 fc2 fc3 fc4 fc5 fc6 fc7 fc8 fc9 fca fcb fcc fcd fce fcf
fb0 fb1 fb2 fb3 fb4 fb5 fb6 fb7 fb8 fb9 fba fbb fbc fbd fbe fbf
fa0 fa1 fa2 fa3 fa4 fa5 fa6 fa7 fa8 fa9 faa fab fac fad fae faf
f90 f91 f92 f93 f94 f95 f96 f97 f98 f99 f9a f9b f9c f9d f9e f9f
f80 f81 f82 f83 f84 f85 f86 f87 f88 f89 f8a f8b f8c f8d f8e f8f
f70 f71 f72 f73 f74 f75 f76 f77 f78 f79 f7a f7b f7c f7d f7e f7f
f60 f61 f62 f63 f64 f65 f66 f67 f68 f69 f6a f6b f6c f6d f6e f6f
f50 f51 f52 f53 f54 f55 f56 fb7 f58 f59 f5a f5b f5c f5d f5e f5f
f40 f41 f42 f43 f44 f45 f46 f47 f48 f49 f4a f4b f4c f4d f4e f4f
f30 f31 f32 f33 f34 f35 f36 f37 f38 f39 f3a f3b f3c f3d f3e f3f
f20 f21 f22 f23 f24 f25 f26 f27 f28 f29 f2a f2b f2c f2d f2e f2f
f10 f11 f12 f13 f14 f15 f16 f17 f18 f19 f1a f1b f1c f1d f1e f1f
f00 f01 f02 f03 f04 f05 f06 f07 f08 f09 f0a f0b f0c f0d f0e f0f

   

 

 

十、 將上面的代碼和框線都去掉時

       雖然是按{(11)=16*1+1=17}顏色差繪制的顏色漸變表,用肉眼看就有很好的連續性,很難分辨出任意一處大一些顏色差,比如#f02-f05(或f32){(33)=16*3+3=51}范圍內的顏色差別,所以,立方體顏色漸變沒有細分得太小的必要,這就是花費那么多時間將代碼和框線去掉要說明的。

 

 

                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               
                               

 

 

 
十一、 關於CMYK色彩模式
RGB色彩模式(也翻譯為紅綠藍,比較少用)是工業界的一種顏色標准,是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色,這個標准幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色系統之一。  
   CMYK也稱作印刷色彩模式,是一種依靠反光的色彩模式,和RGB類似,CMY3種印刷油墨名稱的首字母:青色Cyan、品紅色Magenta、黃色Yellow。而K取的是black最后一個字母,之所以不取首字母,是為了避免與藍色(Blue)混淆。從理論上來說,只需要CMY三種油墨就足夠了,它們三個加在一起就應該得到黑色。但是由於目前制造工藝還不能造出高純度的油墨,CMY相加的結果實際是一種暗紅色。 
RGB 是人眼可見光的三原色這種顏色模式主要用於發光顯示設備。  
    CMY 是物質的三原色加上K 就成了彩色印刷時用的四種油墨的顏色
    雖然是兩種色彩系統但如果沒有光物質就無法呈現各種顏色;如果沒有物質除了光源之外的部分就是一片黑暗。所以這兩個系統其實是一個系統!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM