色彩知識!RGB色彩模式

2022-01-02 photoshop教程論壇


這篇教程會偏理論,但我儘量說的不這麼枯燥,希望你能耐心看完,這些知識,我認為對於你以後的設計生涯會有很多幫助的。沒有耐心的同學,重點我已經標註出來了。

  我們現在使用的電腦或是電視機的屏幕,其實都是紅色(R)、綠色(G)、藍色(B)這三種顏色的按照不同的比例混合而成的。一組紅色、綠色、藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。在下面所看到的最上面的圖片實際上是由下方的三個部分組成的。

  紅色、綠色、藍色我們把它們稱為「三原色光」,英文就是R(red),G(green),B(blue)。用過ps的同學應該會很熟悉,就是我們新建文檔時候的顏色模式。

  

  你可以把他們想像成菜譜中的3種調料,在現實中,三者的比例不同,出來的菜餚會是迥異的。因此,在不同的圖像中,RGB成分也是不一樣的,可能有的圖中R(紅色)成分多些,有的B(藍色)成分多一些。

  我們做菜的時候,菜譜上會提示「鹽1克,糖4克」,來提示調料的多少,在電腦中,RGB的「多少」是指亮度,並使用整數來表示。

  通常情況下,RGB各有256級亮度,用數字表示為從0、1、2……直到255。注意雖然數字最高是255,但是0也是數值之一,因此共256級。如果這個看不懂,請問小學的體育老師。。。

  按照計算,256級的RGB色彩總共能組合約1678萬種色彩,即256*256*256=16777216。簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。

  8位通道色聽著耳熟嗎?沒錯,這24位色就是8位通道色,WHY?聽我跟你解釋

  首先要了解一個名詞:「通道」。所謂通道,實際上就是指三種色光各自的亮度範圍。剛才說過,每種顏色的範圍是256,那256是2的8次方,so,所以稱為8位通道色。數學不好的,繼續去找體育老師。

  上面說的色彩通道和以後教程中的圖像通道,概念上是完全不同的,希望同學不要混淆。色彩通道,不是一件具體的事物,它只會讓你感受到圖像本身的差異,而色光是如何混合的,你確感受不到。因此,通道的作用是「控制」,而不是展現。看不懂沒關係。了解即可。

  說明下,Photoshop從CS版本開始增加了對16位通道的支持,這就意味著可以顯示更多的色彩數(約281萬億)但是人眼所能分辨的色彩數量達不到這麼多,所以更高的色彩數量在人眼看來並沒有區別。

  那麼,RGB顏色是如何表達的呢?

  可以用字母R、G、B加上各自的數值來表達。比如:R32,G156,B96,有時候為了省事也略去字母直接寫數值:32,156,96。他們的順序就是RGB。另外還有一種16進位的表達法,以後會說到。

  認真的同學,你可能會問,我怎樣才能通過這組數值看出來是什麼顏色呢?

  實際上,直接從數值來判斷出顏色對於初學者甚至是設計老手都比較困難。難道你真的會去背下來不同數值對應什麼顏色嗎?更多的靠經驗。這種能力不是非具備不可的,非要耍寶的話,我也不攔著。

  但是,建議常規的數值還是知道的比較好。比如:

  對於單獨的R或G或B而言,當數值為0的時候,代表這個顏色不發光;如果為255,則該顏色為最高亮度。就好比一個開關,0等於關燈,255相當於調光按鈕開到最大。

  小思考。。。。。。屏幕上的純黑、純白、最紅、最綠、最藍、最黃的RGB值各是多少?

  

  Ok,帶著思考,我們打開photoshop,F6打開顏色面板。

  圖片中為大家標註出來了,前景色和背景色的位置,默認狀態下,前景色為黑,背景色為白。如果你打開的面板不是默認色,可以使用快捷鍵【D】重設(更多PS的快捷鍵,我們的服務號裡面已經整理,關注後獲取:uifanr),點擊圖片中標註的 三角形,可以更換顏色模式

  

  純黑,屏幕上沒有任何色光的存在,相當於RGB三色關都沒有發光。所以RGB值為0,0,0。

  純白正好相反,RGB三色光都為最強的亮度,RGB值為255,255,255。

  最紅色,只有紅色的存在,且亮度最強,綠色和藍色均不發光。因此最紅色值為255,0,0。

  同理,最綠色就是0,255,0。最藍色為0,0,255。你做對了嗎?

  

 

  如果你有思考,肯定會問,最黃色呢?這個問題暫且放下,先來普及下色相的概念。

  所謂色相就是指顏色的色彩種類,分別是:紅色、橙色、黃色、綠色、青色、藍色、紫色。這七中顏色頭尾相接,形成閉環。如下圖

  

  在這個環中,位於180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色),稱為反轉色,又稱為互補色。互補的兩種顏色之間是此消彼長的關係,

  在上圖中間是白色,可以看出,如要得到最黃色,就需要把選色框向最黃色的方向移動,同時也逐漸遠離最藍色。當達到圓環黃色部分的邊緣時,就是最黃色,同時我們離最藍色也就最遠了。由此得出,黃色=白色-藍色」。為什麼不是白色+黃色呢?因為藍色是原色光,要以原色光的調整為準。因此,最黃色的數值是255,255,0。如下右圖。也可以得出:純黃色=純紅色+純綠色 。

  如果屏幕上的一幅圖像偏黃色(特指屏幕顯示,印刷品則不同),不能說是黃色光太多,而應該說是藍色光太少。

  再看一下色譜環,我們可以目測出三原色光各自的反轉色。紅色對青色、綠色對洋紅色、藍色對黃色。如下圖。

  除了目測,還可以通過計算來確定任意一個顏色的反轉色:首先取得這個顏色的RGB數值,再用255分別減去現有的RGB值即可。比如黃色的RGB值是255,255,0,那麼通過計算:r(255-255),g(255-255),b(255-0)。互補色為:0,0,255。正是藍色。

  

  對於一幅圖像,

  若單獨增加R的亮度,相當於紅色光的成分增加。那麼這幅圖像就會偏紅色。

  若單獨增加B的亮度,相當於藍色光的成分增加。那麼這幅圖像就會偏藍色。

  通過以上的內容,我們講述了RGB色彩的概念,當然後面我們還會介紹其他的色彩模式。但請記住:RGB模式是顯示器的物理色彩模式。這就意味著無論在軟體中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終是以RGB方式出現的。因此使用RGB模式進行操作是最快的,因為電腦不需要處理額外的色彩轉換工作。當然這種速度差異很難察覺,只是理論上的。

(文 / dweric)

更多教程請點擊下面的【閱讀原文】查看!
↓↓↓

相關焦點

  • RGB 和 CMYK 色彩模式的區別與用途
    文章作者:藝海拾貝Design(公眾號)RGB與CMYK是設計中常用的兩種色彩模式,作為設計師,這是必須了解的配色、色彩的基礎知識
  • 數字圖像處理領域中常見的幾種色彩模式
    在數字圖像處理過程中,常見的幾種色彩模式有
  • 【設計教程】帶你了解色彩模式-CMYK與RGB
    圖2 色彩空間範圍圖表從下面的圖片對比也可以看出,用RBG模式做出來的設計稿在轉換成CMYK模式時,飽和度亮度比較高的顏色都變「灰」了,所以在設計需要印刷的稿件時圖3 同一圖片在兩種色彩模式下的色彩表現(圖源:青春有你2) | 色彩模式在哪設置
  • 色彩可視化 | 30DayMapChallenge
    格式有png、jpg等多種格式;色彩模式 P、RGB等模式,為方便後面流程處理,將圖片統一為RGB模式的JPG圖片。使用Python的 PIL 庫,這個庫處理圖片,功能相當強大。", 1)    output_img_path = str[0] + ".jpg"    im = Image.open(img_path)    rgb_im = im.convert('RGB')    rgb_im.save(
  • 基於MATLAB的RGB轉YCBCR色彩空間轉換
    MATLAB對於圖像處理中有豐富的函數,最簡單的RGB轉Gray只需要一個函數rgb2gray()即可完成。但是如果光是這樣學習圖像處理,是沒有多大意義的,所以博主決定自己根據原理用MATLAB實現一些圖像處理的基礎算法。作為使用FPGA實現各種圖像處理算法的前期仿真,以便後期進行結果對比。順便記錄一些MATLAB在圖像處理中的常用代碼和函數。
  • RGB色彩與CMYK色彩是什麼?他們有什麼不一樣?
    RGB文件比CMYK文件小得多;顯示器用RGB來顯示;RGB是以色光三原色為基礎建立的色彩模式。而CMYK文件相對較大;一般用於印刷用;其原理是光線照到不同比例;C、M、Y、K油墨的紙上,部分光譜被吸收後,反射到人眼的光產生顏色。RGB模式是一種發光模式,是工業界的一種顏色標準。通過紅、綠、藍、三種顏色通道的變化及其相互疊加,得到各種顏色。
  • RGB、CMYK、Web色、潘通……不同色彩模式理性使用指南!
    在日常生活中,這些色彩模式無處不在,它們也常出現我們的作品集創作過程中。RGB色彩模式多存在於:電子顯示屏、投影儀、數位相機、掃描儀等媒介,十分依賴電子設備。因為色彩疊加逐漸變亮,RGB最終的混合色彩是白色。RGB的調色優勢在於通道的混合,相比其他模式較為全面。
  • 什麼是圖像色彩模式
    什麼是圖像色彩模式色彩模式是圖像的非常重要的概念,因為色彩模式將決定顯示和列印的電子圖像的顏色。
  • 設計印刷的色彩模式
    可支持印刷的色彩模式有CMYK 模式、灰度模式、位圖模式和雙色調模式。要提高印刷品的質量,掌握每種色彩模式的特點是關鍵。
  • 作品集的色彩制式轉換(CMYK/RGB)
    這些作品集嚴重偏色的現象都是色彩制式的問題。今天,馬克君為小夥伴們提供一個色彩制式轉換的教程,一舉解決作品集色彩顯示偏色的問題。用到的軟體:Adobe Acrobat XI背景信息:什麼是CMYK/RGB?
  • 色彩模式:sRGB 與 CMYK的應用
    那麼今天我們就從色彩模式的定義來給大家介紹一下這兩種顏色在實際應用上的區別。電腦和電視所使用的RGB模式原理:RGB色彩模式:三種色光的加,紅光加綠光成為黃光,黃光加藍光成為白光上圖展示了24 bpp的RGB立方體的三個「完全飽和」面,它們被展開到平面上印刷業所使用的CMYK色彩模式原理
  • RGB、HSL、Hex網頁色彩,看完這篇全懂了
    (給前端大全加星標,提升前端技能)作者:CSS可樂http://csscoke.com/2015/01/01/rgb-hsl-hex
  • R語言中的色彩和調色板簡述
    可視化數據時,色彩往往是最欠考慮的因素。的確,在一個圖中,數據的選擇和圖表類型的確定才是最重要,最需要確定的因素。但是,適當的選擇顏色不僅僅能使數據圖的閱讀者賞心悅目,而且有助於圖中數據關係的呈現,使得整個圖表更有說服力。
  • 星空照片後期處理---LAB色彩模式
  • 色彩空間
    因此人們針對色彩的了解經歷了極其悠長的全過程,直至近現代才不斷完善起來,但人們仍不能說對色彩徹底掌握並精確描述了,很多定義並不是那樣非常容易了解。「色彩室內空間」一詞根於歐美的「Color Space」,又被稱為作「色彩飽和度」,色彩學中,大家創建了多種多樣色彩實體模型,以一維、二維、三維乃至四維空間座標來表明某一色彩,這類坐標系統能夠界定的色彩範疇即色彩室內空間。
  • EDIUS色彩校正之三路色彩校正
    EDIUS色彩校正之三路色彩校正發布時間:2016/05/07今天小編為大家帶來的EDIUS教程文章是EDIUS三路色彩校正。
  • 色彩
    簡單來說,我們現在所說的色彩都是在可見光下的色彩,從小我們就知道色彩是紅橙黃綠青藍紫的循環,所以其實色彩並不複雜,複雜的是自己需要細分色彩,我們首先來看一張圖,我們稱之為鄰近色配色,如果與相鄰30度內的色彩進行色彩搭配,我們稱之為類似色搭配,如果都是在基色這個色相上只是明度、純度不同的搭配,我們稱之為同色系色彩搭配,鄰近色色彩搭配是我們常用的典型的色彩搭配方案,無論是廣告設計還是作品排版,我們幾乎都會頻繁使用到鄰近色色彩配色2、對比色:指色相環以基色為標準,與左右內跨度為120度的色彩進行色彩搭配,我們稱之為對比色配色,如果與相鄰恰好90度的色彩進行配色
  • 色彩管理系統
    為什麼要做色彩管理?可能會認為當我們用顏色模式來指定顏色時,都要使用相同的語言。但並不是這樣的,事實上對於同樣的圖像,我們正使用不同的顏色模式。比如說,彩色掃描儀和顯示器使用的是 RGB 模式,而彩色印刷中使用的是CMYK。RGB色空間和CMYK色空間都不是由統一的標準定義的。即使所有的顯示器都是基於RGB的,但是對於同一幅圖像都會呈現不同的效果。
  • |配色應用|—這四種色彩模式你知道嗎?
    比如網頁設計的界面配色、服裝設計的布料顏色、書籍設計的封面顏色……我們在設計時所看到的每個內容,都和色彩模式息息相關。下面為大家簡單講解四種基本的色彩模式的應用。色彩模式是數字世界中表示顏色的一種算法。在數字世界中,為了表示各種顏色,通常將顏色劃分為若干分量。
  • 不得不了解的7種數碼印花圖案色彩模式
    這除了與所用的面料和墨水有關外,顯示器與噴墨印花機採用的色彩模式不同也是一個重要原因。色彩學上把表色方法稱為顏色模型或色彩模式。色彩模式用以描述人眼所見和處理之顏色.用數值來表爾可見色諾。色彩模式不同,對顏色進行描述和分類的方法也不同。用特定的色彩模式生成的顏色範圍稱為色彩空間。色彩模式確定各值之間的關係,色彩空間將這些值的絕對含義定義為顏色。