RGB、CMYK、Web色、潘通……不同色彩模式理性使用指南!

2021-02-19 PSONE國際藝術教育

本文系PS-ONE原創,未經允許請勿轉載

更多活動相關推文,請關注:PSONE活動周刊

不知你有沒有遇到過這種情況:

陽光燦爛的午後

利用美好的自然光

和朋友一起拍照記錄生活

結果發現不同的手機屏幕

照片色彩竟然不一樣!

我們日常所知的IOS系統成像多是暖黃色調

安卓基本是高飽和度的照片

你以為是不同系統導致的色彩落差

其實是源於它們不同的色彩模式

包括我們作品集創作的過程

可能會出現電腦屏幕的顯示色

與印刷色彩完全不同的情況

這些出現在我們設計中的色彩模式

有讓作品「保持色彩新鮮感」的秘訣

今天的文章帶你探索其中的奧秘!

RGB color mode是目前應用最廣的顏色系統,源於工業界的一種標準顏色。它是我們視覺可以感知到的顏色,也是生活與設計中,最常見的色彩模式。簡單來說,RGB色彩的主色有紅(R)、綠(G)、藍(B)三種顏色,通過這三種顏色的疊加變化,產生各種各樣的顏色。

RGB color mode是通過顏色發光原理設定的,在一間完全黑暗的房間中也可以看到。如果同學們不能理解,可以把RGB想像成紅、綠、藍三盞燈,通過它們的亮度疊加混合,不斷產生的新的色彩,疊加顏色越多效果越明亮。這種方式是加法混合

CMYK出現在我們所見的屏幕中,所看的書本上,需要依賴外界光源才能看見。它是印刷時採用的一種套色模式,即印刷色彩模式,在所有印刷物上都能看見,比如我們看的書、雜誌、報紙等等。通過三原色混色疊加成四色,這四個顏色分別是Cyan(C)、Magenta(M)、Yellow(Y)、blacK(K)

CMYK是反光原理產生的,反光來自我們在閱讀時所需要的太陽光、燈光等光源。它們吸收外界色彩,通過光源反射的白光,過濾掉一部分色彩波長,形成我們眼中看到的CMYK色彩,利用了減法混合

Web Color是網站應用常見的色彩。它的模式有兩種,一種是Web標準色,另一種是Web安全色。其中Web標準色,是以英文名稱在網頁腳本中使用的一種色彩,從RGB顏色中提取。

Web安全色,通過適應電子應用端而生成色彩。與我們的網站、界面等設計都有些關聯,但不會經常用到。

Web安全色是一種自適應Mac、PC端的色彩,由於我們使用的電子設備不同,所以我們每個人面對的平臺、網頁、瀏覽器的調色板,也是不同的。

當網頁中出現不同顏色時,Web安全色會中和我們看見的顏色,根據用戶端需求,通過系統調節去貼合顏色。現在大多數設備支持的顏色很多,只使用Web Safe Color是很浪費的,因為它連基本的漸變效果都很難實現。

HSB是設計軟體中常常出現的色彩模式,表示色相Hues(H)、飽和度Saturation(S)、亮度Brightness(B),色彩媒介是我們的眼睛。HSB等同於HSV,只不過明度Value(V)後來改為Brightness。

HSB一般出現在設計軟體的色彩調節部分,其中H、S的數值越高,飽和度越高,色彩越鮮豔,不適宜長時間觀看。PS軟體的拾色器就是HSB色彩模式。

我們能看見的顏色都可以用Lab表示,Lab分別代表Luminosity(L)、從洋紅色到綠色的範圍(A)、從黃色到藍色的範圍(B)

相比其他色彩模式,Lab不依賴設備,而且自身色域很寬,覆蓋RGB和CMYK的色域,數字圖形的處理方面有一些的優勢。Lab圖像的儲存方法,多是依附於PS等設計軟體,比如PSD、PDF、TIFF等。

Pantone是一家開發和研究色彩的權威機構,擁有一套完整的色彩體系,堪比其他色彩模式。Pantone每年都會在Miami Beach發布年度色彩,與Art Basel展覽的時間和地點相近。每年發布的服裝年度流行色報告,也成為各大時裝周參照的流行色彩趨勢。

Pantone色卡是藝術領域最知名的色彩模板,出現在藝術設計的很多領域:服裝設計的服飾、產品設計的包裝、平面設計的海報……在旅行和化妝時都能見到它!

為同學們介紹完不同的色彩模式,了解它們的特點後,我們來看看如何把它們運用到設計裡。它們各自的設計應用,可能會成為作品集的關鍵!

在日常生活中,這些色彩模式無處不在,它們也常出現我們的作品集創作過程中。RGB色彩模式多存在於:電子顯示屏、投影儀、數位相機、掃描儀等媒介,十分依賴電子設備。

因為色彩疊加逐漸變亮,RGB最終的混合色彩是白色。RGB的調色優勢在於通道的混合,相比其他模式較為全面。當然通過選擇合適的設計工具,可以把不同色彩模式的優勢發揮到最大程度。

由於CMYK是印刷模式,媒介多是印表機、印刷機、噴繪機等印刷器械,常出現在我們設計的畫冊、宣傳冊、海報中。其自身的減色原理,導致最終呈現的顏色是黑色。

Lab模式的優勢在於強調顏色變化,也就是我們常接觸的調色。Lab模式很適合去調一些鮮豔明亮的顏色,因為它的色彩與明暗是分開的,並且可以實現明度信息與色彩信息分別保存。

色相對於我們的設計很重要,是攝影專業以及其他視覺藝術專業,非常關注的內容,也是HSB色彩模式的要素。我們眼睛看到的飽和度、亮度等色彩元素,絕大部分都是HSB輸出的,同時它能為我們眼睛提供最舒適的顏色。

我們常常發現,設計項目的列印稿件,和原本的色彩效果有很大的差別。它們之間的差別,正是來自這些色彩模式本身的不同,以及它們之間色域的不同。

那麼用什麼方法,可以避免設計創作中的色彩落差呢?接下來帶大家一起看看,避免色彩流失的重要方法。

為了更方便的理解,同學們可以把RGB看成增色模式,CMYK看成減色模式。RGB的色域範圍比CMYK的更寬泛,所以顯示顏色更豐富。

在印刷中我們用的油墨色彩是CMYK,色域更寬的RGB在CMYK模式下很難完整呈現,這也是為什麼RGB轉為CMYK時會出現掉色現象。如果我們想讓設計的色彩接近原有色度,用CMYK色彩模式是比較保險的。

在色彩的表達中,色域大小程度為Lab > RGB > CMYK。我們知道在PS中,Lab色彩模式比較方便用戶進行調色。它寬泛的色域可以說是優勢,同時也會帶來相應的反作用。

RGB已經在CYMK模式中流失很多色彩,色域高於RGB的Lab模式,實際顯示的色感,會產生更多失真效果。避免色彩失真的處理方法,是從Lab模式編輯圖像,轉為CMYK模式進行列印。

當我們的設計需要以紙質方式呈現時,一定要先把Lab、RGB等高於CMYK的色彩模式轉為CMYK模式,這樣防止列印時的顏色流失,能夠保證色彩的視覺效果。

在作品集創作中,遇到色彩精準度要求較高的情況,建議同學們參考Pantone色卡,因為很多顏色是我們不能通過肉眼去確認的。畢竟它們在不同設備中,顯示效果也不同,同時可以把色彩的失真程度降到最低。

比如下面的TSX滌綸色卡套裝Polyester Swatch Set,專門為服裝、家具、紡織、布料等設計師們打造的一套色卡,方便設計和調色。可以應用的範圍很廣,涉及運動裝、泳衣、睡衣、紡織品、鞋襪等,還可以與Pantone其他色卡系列進行互補搭配。

RGB和CMYK,作為兩個應用最多的色彩模式,常出現在藝術設計領域。它們不僅為我們的設計錦上添花,同時也能引發我們對作品集創作的謹慎思考。

RGB的應用很廣泛,主要是在LED領域,屏幕顯示和視頻的輸出等方式。RGB的1600萬色彩,能夠給人們帶來極致的視覺享受。除此之外,還有一個領域是我們生活中常接觸到的——產品設計,比如化妝品的色號。

其中絕大部分產品設計的色號,都來自RGB色彩模式。比如Channel 90#,大家往往會記住一支口紅的色號,但不會去說一隻RGB(255,111,72)色的口紅。同學們有沒有想過為什麼這些品牌,包括我們的產品項目中,不會提及到所用顏色?這些色彩都是通用的,出現在設計裡卻變成一種隱私?

如果提供設計所用的色彩標識,那麼誰都可以應用,會對品牌形象塑造有所損失。我們的設計也是如此,在創作時要考慮到每個細節。招生官想要看到什麼,哪些部分需要全面展示的,哪些需要自己「藏著」的。不僅限於產品設計,這是每個專業的同學都要仔細斟酌的內容。

CMYK常出現在平面設計的印刷過程中,其涉及的工藝有覆膜、燙金、UV等。無論是設計環節的某一個細節需求,還是作品集的實際效果呈現,作品集創作難免會遇到印刷過程。比如宣傳冊、名片、海報等,這些都需要大批量印刷的設計作品。在設計時,我們要考慮的細節不僅是作品集的創作內容,還應該想到作品的可實現程度

設計的每個步驟,我們都要在創作時,考慮到即將面臨的問題,包括色彩效果的體現、選擇的工藝等等。作品的可行性對於我們來說,是作品集遇到招生官前,來自作品本身的第一個考核。我們的作品在最終成型時,無法實現設計成果是很可惜的。作品內容好和實際應用是兩碼事,我們在設計的每個階段,都要考慮到作品的可行性。

這些色彩模式,出現在我們作品集的每個步驟。比如UI設計的界面色塊、動畫設計的配色、服裝設計的布料顏色……我們在設計時所看到的每個內容,都和色彩模式息息相關。RGB、CMYK、Web等色彩模式的應用領域,其實不太相同,它們所對應的設計手法也不一樣。但不妨礙我們通過理解,針對自己的設計方案進行使用。

今天針對不同色彩模式的區分,我們了解到它們的應用和原理。通過它們的媒介,認識了它們的使用方法,以及在設計的應用。希望同學們在加深對色彩認識的同時,能夠嚴謹看待作品集創作的每個細節。正是這些微不足道的細節,決定我們申請的成敗

撰文 × 邱yu3

配圖 × 阿天啊

校稿審核 × 大柴,FeiFei,豆角包嘰

  掃描下方二維碼  

  關注PS-ONE活動周刊

  和我們一起「活動活動」大腦  

  「活動活動」創造力吧!

如您有任何問題

均可在公眾號「PSONE國際藝術教育」私信留言

N刷《哪吒》後,

這些動畫電影的大「彩」蛋你也必須知道!

10個小眾藝術家團體,

憑什麼在藝術史上擁有專屬詞條?

  藝術留學在線答疑解惑?

  免費院校、專業指導建議?

  作品集專業方向針對性全面評估?

  近期活動全面了解諮詢?

  公眾號後臺回復  

  < 姓名+申請專業+微信號+坐標 >  

  呼喚主頁君  

  解鎖更多藝術留學可能性哦!

  在這些校區找到我們! 

北京

400-139-3918

北京市東城區 銀河SOHO C座2層30203 品思藝術

成都

028-6727-9988

成都市錦江區 四川航空廣場SAC 16層1601室1606室

上海

021-63830131

上海市靜安區 愚園路546號4號樓4層品思國際藝術教育

深圳

0755-88604364

深圳市福田區 福田街道福安社區金田路3037號

金中環國際商務大廈1902

重慶

023-67103057

重慶市江北區 慶雲路1號IFS國金中心T1辦公樓

36層3615室 - 3616室

鄭州

0371-63681260

鄭州市金水區 花園路建業凱旋廣場A座701室 - 704室

 廣州

020-89819016

廣州市天河區珠江東路6號周大福金融中心

16層1602室(K11)

西安

029-85306570

西安市碑林區 長安北路長安國際F座11樓1101室

青島

青島市市南區 香港中路40號數碼港旗艦大廈501

紐約

400-665-2071 / 400-139-3918

315W 36th Street New York NY 10018

倫敦

+44 07802779749

Base KX,103C Camley Street,London,N1C 4PF

相關焦點

  • RGB 和 CMYK 色彩模式的區別與用途
    大家應該都遇到過這樣的情況,使用RGB模式的設計圖,轉為CMYK模式時顏色會變灰,在手機預覽時顏色還會嚴重失真,如圖:而其他四種色光均可由這三種色光以不同比例相合而成。於是紅、綠、藍則被稱為」色光三原色」。RGB模式RGB模式是以色光三原色為基礎建立的色彩模式。RGB圖像只使用三種顏色,當不等量的三種色光進行疊加混合時,即會在屏幕上重現自然界各種各樣的顏色。
  • Photoshop(第二章:顏色模式-CMYK)
    CMYK是彩色印刷時採用的一種套色模式,利用油墨的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加,形成所謂「全彩印刷」。它和RGB相比有一個很大的不同:RGB模式是一種發光的色彩模式,你在一間黑暗的房間內仍然可以看見屏幕上的內容;CMYK是一種依靠反光的色彩模式,我們是怎樣閱讀報紙的內容呢?
  • 【設計教程】帶你了解色彩模式-CMYK與RGB
    圖2 色彩空間範圍圖表從下面的圖片對比也可以看出,用RBG模式做出來的設計稿在轉換成CMYK模式時,飽和度亮度比較高的顏色都變「灰」了,所以在設計需要印刷的稿件時,建議大家建立文件時就選擇CMYK模式,直接在CMYK
  • 色彩可視化 | 30DayMapChallenge
    1.從 Twitter 獲取 30DayMapChallenge 圖片;2.統一圖片格式為JPG格式;3.等比例縮小圖片;4.使用 IMAGE COLOR SUMMARIZER 提取圖片前 5 主題色;5.使用 matplotlib 庫,進行顏色可視化。
  • 潘通色卡電子版Pantone TPX(新175色)
    PANTONE色卡是享譽世界的色彩權威,涵蓋印刷、紡織、塑膠、繪圖、數碼科技等領域的色彩溝通系統,已經成為當今交流色彩信息的國際統一標準語言
  • 潘通Pantone發布2020春夏四大經典色彩,明年都染這個色!
    其中公布了2020春/夏紐約時裝周色彩說明,以及2020春/夏經典色彩系列。今天,咱們著重了解2020春夏經典色彩系列。雲雀黃2020春夏季的經典色彩,展現了自然精緻與多樣風貌的元素。本季的核心色彩可以單獨使用,也可以搭配基礎色彩產生有趣的對比效果。             ---潘通PANTONE 16-1324Lark 雲雀
  • 作品集的色彩制式轉換(CMYK/RGB)
    之前的教程裡我們說過,出國留學作品集的製作軟體我們首推 Adobe Illustrator軟體,並且使用CMYK @ 300dpi,那麼
  • 色彩模式:sRGB 與 CMYK的應用
    那麼今天我們就從色彩模式的定義來給大家介紹一下這兩種顏色在實際應用上的區別。電腦和電視所使用的RGB模式原理:RGB色彩模式:三種色光的加,紅光加綠光成為黃光,黃光加藍光成為白光(不同的人分辨能力並不相同,這只是最大值)。每像素24位(比特s per pixel,bpp)編碼的RGB值:使用三個8位無符號整數(0到255)表示紅色、綠色和藍色的強度。這是當前主流的標準表示方法。
  • RGB模式與CMYK模式之間的區別和聯繫
    在色彩模式中,有兩種我們十分常見的模式,分別為RGB和CMYK。只要是涉及到有關色彩設計的書籍,都必然會提到這兩種模式,相信我們對此並不陌生。
  • RGB與CMYK的有何區別
    RGB色彩模式:   顏色屬性:  簡單的說就是自然界萬物的顏色(你就先這麼理解吧)。在顯示器上,是通過電子槍打在屏幕的紅、綠、藍三色發光極上來產生色彩的,目前的電腦一般都能顯示32位顏色,約有一百萬種以上的顏色。如果說它所顯示的顏色還不能完全吻合自然界中的某種色彩的話,那已經幾乎是我們肉眼所不能分辯出來的了。 電腦設計運用範圍:顯示器顯示、RGB色列印、RGB色噴畫等。 獨特之處:色彩豐富飽滿,但不能進行普通的分色印刷。
  • 如何在設計中運用潘通2019年度代表色?
    2019年度代表色應用到不同的產業,決定代表色在潘通各個色彩系統的色彩數值,探索色彩系列、色彩組合等等。服裝與配飾方面珊瑚橘在男裝與女裝的街頭穿著與伸展臺款式上都能激發實驗精神與玩趣手法。這個溫暖的色調在簡單的色彩故事裡暗示著舒適與積極,但是在圖案、組織或甚至整體以單一色彩出現時,則更富有冒險與興奮的感覺。
  • 必備 潘通色卡TPX-最新175色(建議收藏)
    PANTONE色卡是享譽世界的色彩權威,涵蓋印刷、紡織、塑膠、繪圖、數碼科技等領域的色彩溝通系統,已經成為當今交流色彩信息的國際統一標準語言
  • RGB?CMYK?是什麼東東~
    或者你在建立新的文件圖片的時候,會有一個選項就是色彩模式(RGB,CMYK)。那麼問題來了,色彩模式是什麼?RGB是什麼?R 就是紅色G就是綠色B就是藍色RGB色彩模式是最基礎的色彩模式,所以RGB色彩模式是一個重要的模式。只要在電腦屏幕上顯示的圖像,就一定是以RGB模式。
  • 剛剛,2020年度色彩發布!
    授權轉自標誌情報局(ID:logonews-wx)剛剛,專門開發和研究色彩而聞名全球的權威機構 潘通色彩研究所 Pantone 正式公布了2020年度代表色:經典藍(19-4052 Classic Blue)。
  • 使用Adobe RGB還是sRGB?
    我們常說的「色彩空間」(或者色域)是表示色彩的數學模型,它讓我們用數值表達顏色。我傾向於把色彩空間比喻成數學公式。和我們的常識一樣,公式不能適應所有情況,色彩空間也是如此。根據不同情況,我們有很多種色彩空間。
  • 設計師必懂基礎知識之:RGB 與 CMYK
    大家應該都遇到過這樣的情況,使用RGB模式的設計圖,轉為CMYK模式時顏色會變灰,在手機預覽時顏色還會嚴重失真,如圖:而其他四種色光均可由這三種色光以不同比例相合而成。於是紅、綠、藍則被稱為」色光三原色」。RGB模式RGB模式是以色光三原色為基礎建立的色彩模式。RGB圖像只使用三種顏色,當不等量的三種色光進行疊加混合時,即會在屏幕上重現自然界各種各樣的顏色。
  • 潘通C卡11系0103——4805
    (常熟市兆佳針紡織有限公司奮鬥歷程記錄片CCTV展播視頻)潘通色卡PANTONE色卡為國際通用的標準色卡。中文慣稱潘通。PANTONE色卡是享譽世界的色彩權威,涵蓋印刷、紡織、塑膠、繪圖、數碼科技等領域的色彩溝通系統,已經成為當今交流色彩信息的國際統一標準語言。
  • 喜大普奔丨潘通色卡終於可以隨時隨地一鍵查詢啦!
    中文慣稱潘通。PANTONE色卡是享譽世界的色彩權威,涵蓋印刷、紡織、塑膠、繪圖、數碼科技等領域的色彩溝通系統,已經成為當今交流色彩信息的國際統一標準語言。在服飾、家居以及室內設計行業中,彩通服裝和家居色彩系統(PANTONE for fashion and home)是設計師們的主要工具,用於選擇和確定紡織和服裝生產使用的色彩。
  • RGB、HSL、Hex網頁色彩,看完這篇全懂了
    /網頁使用到的色彩標示方法中,從古早時期大家都在用的16進位碼(#000000)、RGB色值標示、HSL色彩標示,其中網頁設計師最常使用的16進位色碼標示法,設計師究竟了解多少?Saturation)也是採用百分比方式呈現,如下圖所示HSL color Saturation以色彩預設都是100%飽和的情況下,若是要讓色彩變得不那麼鮮豔,就把色彩飽和度(Saturation)往0%的方向調整即可,色彩飽和度(Saturation)不同於色彩亮度(Lightness)的地方在於,色彩飽和度(Saturation)降低之後,色彩越是不鮮豔就越接近灰色而不是變黑,這一點千萬要能夠區分
  • 潘通色卡電子版,只帶手機去對色,服裝人必備
    潘通色卡(英文名稱是PANTONE M-ATCHING SYSTEM,縮寫為PMS,即色彩匹配系統),中文名稱為"彩通",部分人習慣地按諧音稱為"潘東","潘通",應用於包括紡織、印刷、繪圖、數碼技術等眾多領域的色彩溝通系統,已經成為事實上的國際色彩標準語言。