跟水無(wú)常勢(shì)一樣，沒(méi)有一個(gè)萬(wàn)能的色彩管理方案，只有適用于不同需求的各種方案的調(diào)用。

根據(jù)提問(wèn)人的需求，他是在Mac下使用Photoshop來(lái)為其Web Design制作圖片，以供各平臺(tái)網(wǎng)絡(luò)瀏覽器正確呈現(xiàn)他所希望展示的，和他自己看到的幾乎一致的效果。

從結(jié)果倒推，就有兩個(gè)出口，A.一個(gè)是Mac和PC（或稱(chēng)類(lèi)Windows）平臺(tái)，；B.具備色彩管理能力的Safari，Chrome等和默認(rèn)不具備色彩管理的IE或者Firfox瀏覽器的識(shí)別呈現(xiàn)。

1、那么：就有6種組合結(jié)果：

2、Mac系統(tǒng)下，使用Safari瀏覽；

3、Mac系統(tǒng)下，使用Firefox瀏覽；

4、Windows系統(tǒng)下，默認(rèn)系統(tǒng)無(wú)色彩管理，使用Safari瀏覽；

5、Windows系統(tǒng)下，默認(rèn)系統(tǒng)無(wú)色彩管理，使用IE瀏覽；

6、Windows系統(tǒng)下，設(shè)置開(kāi)啟了系統(tǒng)的色彩管理后，使用IE瀏覽;

Windows系統(tǒng)下，設(shè)置開(kāi)啟了系統(tǒng)的色彩管理后，使用Safari瀏覽.

所以至少看來(lái)，設(shè)計(jì)師必須決定你自己是面向哪一種用戶(hù)做的設(shè)計(jì)，你需要兼顧到哪幾種用戶(hù)？

因?yàn)閃indows系統(tǒng)，默認(rèn)無(wú)色彩管理的介入，而且使用的是統(tǒng)一的共性色彩管理描述文件——sRGB，那么在成千上萬(wàn)的Windows系統(tǒng)下，可能大家看到的都是理論上一致，但是因?yàn)轱@示器品牌和型號(hào)好壞千差萬(wàn)別的關(guān)系，實(shí)際上相差很大的效果，不過(guò)這種偏差一般來(lái)說(shuō)都是在小范圍的。不會(huì)出現(xiàn)特別大的色溫偏差，除非顯示器太爛。

而Mac系統(tǒng)，因?yàn)橛布蠖鄶?shù)情況下是一致的，比如某兩代的MacBook Pro使用同一面板，幾代iMac使用同一面板，所以，硬件的統(tǒng)一性決定了效果相差不大。只有比如MacBook Pro的面板和iMac的面板不同，兩者色溫、色域都不同，會(huì)顯得不一致。這跟PC世界里眾多紛紜的顯示器情形是一樣的。好在，每臺(tái)Mac，其默認(rèn)就開(kāi)啟運(yùn)行了色彩管理引擎。通過(guò)ColorSync來(lái)識(shí)別和準(zhǔn)確調(diào)用顯示器的色彩配置文件，讓顯示器正確顯示它應(yīng)該顯示的數(shù)據(jù)值。

再說(shuō)瀏覽器，IE這種天生殘廢，就沒(méi)有色彩管理的DNA，它只能使用sRGB去呈現(xiàn)，你給它大餐，它也當(dāng)泡菜。Safari天生支持色彩管理，可以在開(kāi)啟了色彩管理的系統(tǒng)中，準(zhǔn)確表現(xiàn)附帶了不同于sRGB的其它RGB ICC（如設(shè)定了Adobe RGB色彩空間的單反相機(jī)拍攝而來(lái)附帶Adobe RGB ICC）的文件，不會(huì)用憋足的sRGB去解釋Adobe RGB的顏色。

最后說(shuō)，sRGB和Adobe RGB的區(qū)別，簡(jiǎn)單來(lái)說(shuō)，如果拿房間來(lái)做比喻的話。Adobe RGB是120平米的三居室，sRGB是70平米的小戶(hù)型。他們都有各自對(duì)應(yīng)的廚房、衛(wèi)生間。但是sRGB小戶(hù)型的廚房面積絕對(duì)不等于Adobe RGB的廚房面積。這就是說(shuō)sRGB中能展現(xiàn)出來(lái)的綠色的范圍，遠(yuǎn)遠(yuǎn)小于Adobe RGB中綠色的范圍。

如圖：中間彩色網(wǎng)格的是sRGB，包圍其的灰白色網(wǎng)格是Adobe RGB

如果你有一張帶Adobe RGB色彩配置文件的照片，想放到網(wǎng)絡(luò)上供但大多數(shù)的PC Windows用戶(hù)觀摩，那么默認(rèn)情況下，所有的這部分觀眾都將看到一個(gè)偏色的照片，因?yàn)樗麄兊南到y(tǒng)和瀏覽器解釋不了那些超出sRGB范圍的綠色，紅色。。。他們只能看到一個(gè)被閹割了色彩的照片。。這是個(gè)悲劇。

如果你拍照時(shí)，相機(jī)的色彩空間是sRGB，那么你直接放上網(wǎng)就行了。這是最簡(jiǎn)單省事的辦法，但是如果你懂的了Adobe RGB能呈現(xiàn)遠(yuǎn)超sRGB的色彩表現(xiàn)力的話，你會(huì)閹割掉原本有機(jī)會(huì)展現(xiàn)的那些美妙色彩嗎？就好像你明知道看高清1080p的影片過(guò)癮，不得不強(qiáng)迫自己去看網(wǎng)絡(luò)版的320p。。

那么這里有兩條路：

A，讓所有僅僅具備sRGB環(huán)境的低端觀眾，看sRGB，但是又不恐怖偏色的畫(huà)面，這需要使用中間環(huán)境做一次顏色轉(zhuǎn)換，而且必須確保最大化的不丟失色彩，保證視覺(jué)上太大的偏差；

B，不做任何轉(zhuǎn)換，原汁原味，確保能夠正確呈現(xiàn)Adobe RGB畫(huà)質(zhì)原貌給的具備色彩管理環(huán)境的高端用戶(hù)，（為什么說(shuō)AdobeRGB就高端？能夠還原98%Adobe RGB色域的顯示器，均價(jià)在RMB5000以上，藝卓的在17000左右，蘋(píng)果已經(jīng)停產(chǎn)的前代鋁合金邊框的23〃、30〃 Cinema Display LCD符合SWOP印刷屏幕軟打樣認(rèn)證。低于3000以下的顯示器都不符合Adobe RGB顯示要求，多數(shù)都是只能正確表現(xiàn)sRGB，都是低端，包括諸多筆記本顯示屏，蘋(píng)果如今的也在內(nèi)，都不是專(zhuān)業(yè)顯示器了，只不過(guò)經(jīng)過(guò)測(cè)試，MacBook Pro的顯示面板在筆記本中算色彩還原度分值優(yōu)秀的。國(guó)外有個(gè)各種型號(hào)的筆記本顯示面板測(cè)試結(jié)果表格，忘了在哪個(gè)站了。）

對(duì)于 A

你需要通過(guò)軟件，如Photoshop將Adobe RGB轉(zhuǎn)換成sRGB，如果是用于網(wǎng)絡(luò)，可能會(huì)需要將分辨率更改為72dpi。

要把三居室的東西塞進(jìn)小戶(hù)型里，還必須保證不遺漏太多，這個(gè)比把大象放進(jìn)冰箱的難度步驟也差不了多少～

首先要把環(huán)境弄得更大一點(diǎn)，需要一個(gè)能包容整個(gè)AdobeRGB和所有sRGB數(shù)值的空間，這個(gè)空間是個(gè)理論空間，叫做Lab。如圖：彩色網(wǎng)格是Adobe RGB，灰白色網(wǎng)格是Lab，后者將前者完全包裹，無(wú)側(cè)漏。這樣，才能確保在從Adobe RGB向sRGB轉(zhuǎn)換中，杜絕遺漏丟失Adobe RGB原有顏色的幾率。至于在轉(zhuǎn)換過(guò)程中丟棄的，那是吐納后的轉(zhuǎn)變，不是先天不足，營(yíng)養(yǎng)缺失，是另一回事。

2.在轉(zhuǎn)換之前，我們還需要一個(gè)優(yōu)于系統(tǒng)本身默認(rèn)的色彩轉(zhuǎn)換引擎——

Adobe Color Management Module (簡(jiǎn)稱(chēng)Adobe CMM)

Adobe公司開(kāi)發(fā)的這套Adobe色彩管理引擎，可用于第三方軟件，如CorelDraw等，便于在同一臺(tái)電腦中，跨軟件平臺(tái)的同一色彩管理，比系統(tǒng)默認(rèn)或Photoshop默認(rèn)的Adobe ACE引擎更加出色，Adobe ACE只能作用于Adobe的軟件，對(duì)其它公司的軟件無(wú)效。

該引擎在Adobe官網(wǎng)免費(fèi)下載

Mac版本：adobe

Windows版本：adobe

下載安裝。

3.設(shè)置色彩環(huán)境先，如圖：通常情況下，國(guó)內(nèi)很多印廠使用的是國(guó)產(chǎn)或者日本的油墨類(lèi)型，所以采用日本印前2，將轉(zhuǎn)換引擎替換為Adobe CMM，存儲(chǔ)這個(gè)設(shè)置方案就行了。這里必須確保選中”色彩管理方案”中的”保留嵌入的配置文件”并勾選那三個(gè)詢(xún)問(wèn)的選項(xiàng)！切忌不可隨意丟棄，那是非常不專(zhuān)業(yè)的草臺(tái)班子才會(huì)做的破事。這里的轉(zhuǎn)換意圖可以選擇”可感知”——這是當(dāng)顏色不得不損失時(shí)，采用最視覺(jué)上接近的顏色做替換，以確保視覺(jué)上看起來(lái)相差不大。

4. 好了，這下你可以在Photoshop里開(kāi)啟你的帶Adobe RGB色彩配置文件或者帶其它色彩配置文件的圖片了。即在Photoshop營(yíng)造的Adobe RGB色彩空間里，打開(kāi)嵌入了Adobe RGB色彩配置文件（ICC）的圖片。

我們可以在打開(kāi)的圖片文件的下方可以查看該文件的色彩配置文件

5.選擇菜單，圖像——模式——Lab顏色

6.再選菜單，編輯——轉(zhuǎn)換為配置文件

7.目標(biāo)空間選擇sRGB

8. 最后用”存儲(chǔ)為Web和設(shè)備所用格式”的方式來(lái)保存文件。以存JPG文件為例，勾選 嵌入顏色配置文件（這個(gè)可有可無(wú)），不需要勾”選轉(zhuǎn)換為sRGB”，因?yàn)橐呀?jīng)是了。預(yù)覽選擇Internet 標(biāo)準(zhǔn) RGB（無(wú)色彩管理），這是用于在Web發(fā)布的，所以，你看預(yù)覽的話，會(huì)看到和sRGB無(wú)差別。

對(duì)于 B

直接使用”存儲(chǔ)為Web和設(shè)備所用格式”的方式來(lái)保存文件，在選項(xiàng)中對(duì)設(shè)置有所不同，如圖：
必須勾選”嵌入顏色配置文件”，預(yù)覽選擇”使用文檔配置文件”。

以上，即是正確的RGB輸出流程，適合于不同環(huán)境下使用RGB圖片的方法。

補(bǔ)充說(shuō)明一句，在Mac下截屏得到的圖片，其色彩配置文件是Display xxxxx的，不同于sRGB，如果在乎Windows世界的用戶(hù)視覺(jué)感受的話，依舊請(qǐng)參照A方案進(jìn)行轉(zhuǎn)換sRGB使用。

本文由@飛煙_Mac創(chuàng)作分享，感謝其分享。