在 Photoshop 中將 CMYK 轉換為 RGB 以獲得準確的螢幕預覽

更新於 2026-07-22

在 Photoshop 中將 CMYK 轉換為 RGB 可以讓你預覽印刷顏色在數位螢幕上的呈現效果。CMYK（青色、洋紅、黃色、黑色）是專業印刷的標準色彩模型，而 RGB（紅色、綠色、藍色）則用於螢幕、網站和數位顯示器。由於這兩種模型以不同的方式表示顏色——CMYK 為減色法（吸收光線），RGB 為加色法（添加光線）——相同的數值會產生不同的視覺結果。例如，一個鮮豔的 CMYK 紅色（0% 青色、100% 洋紅、100% 黃色、0% 黑色）在未適當調整的情況下轉換為 RGB 時，可能會顯得較為黯淡。這種差異可能導致印刷設計在螢幕上檢視時出現意外的色彩偏移，特別是在與客戶分享打樣或準備數位模型時。CMYK 轉 RGB 工具透過即時將 CMYK 百分比轉換為近似的 RGB 數值和十六進制代碼來解決這個問題，讓你無需開啟 Photoshop 即可獲得快速、未校準的預覽。然而，若需要精準的轉換，Photoshop 的色彩模式設定搭配正確的 ICC 描述檔，能確保印刷與螢幕之間達到最接近的匹配。

為什麼 CMYK 和 RGB 在螢幕上看起來不同

CMYK 和 RGB 基於相反的原理運作。CMYK 是減色模型：油墨會吸收光線，因此理論上混合全部四種顏色（100% 青色、100% 洋紅、100% 黃色、100% 黑色）會透過阻擋所有光線而產生黑色。實際上，由於油墨雜質和紙張紋理的影響，無法產生真正的黑色，這就是為什麼印刷機會使用獨立的黑色（K）通道。另一方面，RGB 是加色法：光線直接從螢幕發出，因此組合 100% 紅色、100% 綠色和 100% 藍色會產生白色。這種根本性的差異意味著像 50% 青色、0% 洋紅、100% 黃色、0% 黑色這樣的 CMYK 顏色，即使經過轉換，在 RGB 中也永遠不會看起來一模一樣。此外，螢幕比大多數印刷機擁有更寬廣的色域（可重現的顏色範圍），因此某些 RGB 顏色——尤其是鮮豔的綠色和藍色——無法在 CMYK 中準確重現。當你將 CMYK 轉換為 RGB 時，基本上是將較小的色彩空間映射到較大的色彩空間上，這可能會使顏色看起來較不飽和或略有偏移。對設計師來說，這表示雖然 RGB 轉 HEX 轉換器或 CMYK 轉 RGB 工具能提供有用的近似值，但它無法取代印刷工作流程中的專業色彩管理。

何時應使用 CMYK 轉 RGB 轉換器

基於瀏覽器的 CMYK 轉 RGB 轉換器非常適合快速、非正式且速度比絕對精確度更重要的預覽。例如，如果你正在與客戶分享印刷設計以徵求意見，並需要向他們展示在螢幕上可能呈現的效果，轉換器能立即提供近似值，而無需客戶開啟 Photoshop 或調整色彩設定。對於收到 CMYK 品牌規範（例如標誌的 CMYK 數值）並需要將其轉換為 RGB 或 HEX 以供數位使用的網頁設計師來說，這個工具也很有用。然而，對於專業印刷專案——如雜誌、包裝或企業品牌——你應始終使用 Photoshop 或其他支援 ICC 描述檔的應用程式。這些工具會考量印刷機、紙張和油墨的特定色彩特性，確保最終印刷輸出符合你的預期。下表概述了每種方法的適用情境：

情境	建議工具	原因
快速客戶打樣或數位模型	CMYK 轉 RGB 轉換器	即時結果，無需軟體；適用於近似預覽
網頁設計（將品牌 CMYK 轉換為 RGB/HEX）	CMYK 轉 RGB 轉換器	快速將印刷規範轉換為數位格式
專業印刷專案（雜誌、包裝）	搭配 ICC 描述檔的 Photoshop	為最終印刷輸出提供準確的色彩匹配
同時設計印刷與數位版本	Photoshop + CMYK 轉 RGB 轉換器	印刷檔案使用 Photoshop；數位預覽使用轉換器

如何在 Photoshop 中將 CMYK 轉換為 RGB

Photoshop 提供兩種將 CMYK 轉換為 RGB 的方法：變更文件的色彩模式（適用於整個檔案）或取樣 CMYK 顏色並讀取其 RGB 數值（適用於個別顏色）。第一種方法最適合完整設計，第二種方法則適合對特定顏色進行抽樣檢查。以下是這兩種方法的步驟：

將整份文件從 CMYK 轉換為 RGB：
1. 在 Photoshop 中開啟你的 CMYK 檔案。
2. 前往影像 > 模式 > RGB 色彩。可能會跳出對話框警告色彩數值將會變更；點選確定繼續。
3. 如有提示，請選擇 RGB 工作色彩空間（例如網頁使用 sRGB IEC61966-2.1，印刷轉數位工作流程使用 Adobe RGB）。
4. 將檔案儲存為新格式（例如 PNG 或 JPEG）以保留 RGB 版本。
檢查特定 CMYK 顏色的 RGB 數值：
1. 點選工具列中的前景色或背景色色塊，開啟檢色器。
2. 在標示為 C、M、Y 和 K 的欄位中輸入 CMYK 數值（例如 30% 青色、80% 洋紅、0% 黃色、10% 黑色）。
3. 切換到 RGB 欄位（R、G、B）以查看轉換後的數值。Photoshop 會根據你目前的色彩設定顯示最接近的 RGB 匹配結果。
4. 記下 RGB 數值或十六進制代碼，以便在數位專案中使用。

為了獲得最準確的結果，請確保你的 Photoshop 色彩設定已正確配置。前往編輯 > 色彩設定，選擇與你的輸出項目相符的工作色彩空間（例如網頁使用 sRGB，印刷轉數位使用 Adobe RGB）。如果你正在使用印刷機的 ICC 描述檔，請在此處載入它，以盡量減少轉換過程中的色彩偏移。雖然 Photoshop 的轉換比基於瀏覽器的工具更精確，但它仍然只是近似值——對於關鍵的專案，請務必向印刷廠索取實體打樣。

如何使用 CMYK 轉 RGB 工具進行即時預覽

CMYK 轉 RGB 工具的設計旨在實現速度與簡便性。與需要開啟檔案並調整設定的 Photoshop 不同，此工具讓你輸入 CMYK 百分比，即可立即查看近似的 RGB 和十六進制代碼數值。當你沒有開啟 Photoshop，或需要與客戶或同事分享快速預覽時，這項功能特別有用。使用方式如下：

在瀏覽器中開啟CMYK 轉 RGB 工具。
在標示為青色、洋紅、黃色和黑色的欄位中輸入 CMYK 百分比。數值範圍可從 0 到 100。
工具會自動顯示對應的 RGB 數值（0-255）和十六進制代碼（例如 #FF5733）。即時色塊會顯示近似的螢幕呈現效果。
複製 RGB 或十六進制代碼數值以用於數位設計中，或擷取色塊螢幕畫面與客戶分享。

此工具也包含反向選項：如果你輸入 RGB 數值，它會顯示近似的 CMYK 百分比。這對於需要向印刷廠或客戶溝通印刷規格的設計師來說非常實用。但請記住，此工具提供的是未校準的預覽。例如，CMYK 數值 100% 青色、0% 洋紅、0% 黃色、0% 黑色會在工具中轉換為 RGB (0, 160, 233)，但實際呈現效果可能會因螢幕的校準狀態和印刷機的色彩描述檔而有所不同。對於專業專案，請務必使用 Photoshop 或印刷廠的打樣來交叉核對工具的輸出結果。

將 CMYK 轉換為 RGB 時的常見陷阱

將 CMYK 轉換為 RGB 看似簡單，但有幾個常見的錯誤可能導致意外的結果。首先是假設轉換是 1:1 的。由於 CMYK 和 RGB 以不同的方式表示顏色，因此無法透過直接的數學公式將其一對一地轉換為另一個而不產生一定的準確度損失。例如，鮮豔的 RGB 綠色（例如 #00FF00）在轉換為 CMYK 時通常會顯得較為黯淡，因為印刷機無法重現相同強度的光線。另一個陷阱是忽略色彩描述檔。Photoshop 的轉換準確度取決於你所選擇的 ICC 描述檔。如果你使用預設的 sRGB 描述檔，但你的印刷機使用自訂描述檔，則 RGB 預覽將無法與印刷輸出匹配。請務必向印刷廠索取他們建議的描述檔，並在轉換前將其載入 Photoshop。

另一個問題是依賴未校準的螢幕。即使你準確地將 CMYK 轉換為 RGB，螢幕的色彩設定仍可能會扭曲預覽效果。例如，設定為較暖色溫（例如 6500K）的螢幕會讓顏色看起來偏黃，而較冷的設定（例如 9300K）則會讓顏色看起來偏藍。為了將這種情況降到最低，請使用硬體校色器或內建工具（如 Windows 的顯示器校色或 macOS 的顯示器描述檔輔助程式）來校準螢幕。最後，避免在 CMYK 和 RGB 之間反覆來回轉換。每次轉換都會引入小幅的色彩偏移，因此如果你從 CMYK 檔案開始，請僅將其轉換為 RGB 一次以供數位使用，並保留原始的 CMYK 檔案用於印刷。如果你需要進行修改，請編輯原始檔案並重新轉換，而不是將 RGB 版本再次轉換回 CMYK。

Alternatives to Photoshop for CMYK to RGB Conversion

While Photoshop is the industry standard for color conversion, several other tools can handle CMYK to RGB tasks, depending on your needs. For designers who work primarily in vector graphics, Adobe Illustrator offers similar color mode conversion features. Like Photoshop, Illustrator allows you to change a document’s color mode from CMYK to RGB via File > Document Color Mode. It also includes a Color Picker where you can input CMYK values and read the corresponding RGB values, making it a good alternative for logo or illustration work. For web designers, browser-based tools like the RGB to HEX converter or CMYK To RGB tool are faster for quick previews, especially when you’re working with brand guidelines or client-provided CMYK values.

If you need to convert multiple colors at once, online batch converters or scripts in design tools like InDesign can automate the process. For example, InDesign’s Find/Change feature can replace CMYK swatches with RGB equivalents across an entire document. For developers, JavaScript libraries like TinyColor or Chroma.js can convert CMYK to RGB programmatically, which is useful for dynamic web applications. However, these tools lack the color management features of Photoshop, so they’re best suited for non-critical previews. The table below compares the pros and cons of each method:

Tool	Best For	Pros	Cons
Photoshop	Professional print-to-digital workflows	ICC profile support, accurate conversions	Requires software, slower for quick previews
Illustrator	Vector graphics and logos	Integrated with vector workflows, ICC profile support	Not ideal for photo editing
CMYK To RGB tool	Quick previews, web design	Instant, no software required	Uncalibrated, no ICC profile support
InDesign	Multi-page documents (e.g., brochures)	Batch conversion, layout integration	Overkill for single-color previews
JavaScript libraries	Developers, dynamic web apps	Programmatic conversion, scalable	No color management, requires coding

For most designers, Photoshop remains the best choice for accurate CMYK to RGB conversion, especially when color fidelity is critical. However, for quick previews or web-specific tasks, the CMYK To RGB tool or Illustrator can save time without sacrificing too much accuracy. If you’re working on a project that spans both print and digital, consider using Photoshop for the print files and the converter for digital mockups, ensuring consistency across all outputs.

Understanding Color Profiles and Gamut Differences

Color profiles—specifically ICC profiles—describe how a device reproduces color, and they are the backbone of accurate color management. A monitor profile tells your computer how to display colors on screen, while a printer profile tells the printer how to lay down ink on paper. When you convert CMYK to RGB without a profile, Photoshop or a browser tool uses default assumptions, which rarely match the exact behavior of your specific printer. This is why two printers using the same CMYK percentages can produce slightly different results: each printer has its own ink set, paper type, and dot gain characteristics. By loading the correct ICC profile before conversion, Photoshop can simulate how the CMYK color will print and then translate that into an RGB value that more closely resembles the printed output on screen.

Gamut differences also play a major role in conversions. sRGB, the default RGB working space for most web content, covers a narrower range of colors than Adobe RGB (1998), which in turn is smaller than ProPhoto RGB. Meanwhile, typical CMYK printing profiles like U.S. Web Coated (SWOP) v2 have an even smaller gamut, especially in saturated blues and greens. When you convert an RGB color outside the CMYK gamut to CMYK, Photoshop will either clip the out-of-gamut color to the nearest reproducible shade or flag it with a warning glyph in the Color Picker. Going the other way—from CMYK to RGB—is usually safer because RGB can represent every CMYK color, but the result may look duller if the RGB working space is much larger than the source CMYK profile. Choosing the right RGB working space for your destination (sRGB for web, Adobe RGB for high-quality digital) helps keep converted colors looking faithful.

Soft Proofing: Previewing Print on Screen Before Press

Soft proofing is a Photoshop feature that lets you preview how CMYK colors will look on a specific printer and paper combination, without converting the document to RGB. To enable it, go to View > Proof Colors and select a printer profile that matches your output device. Photoshop will simulate the print appearance on screen using that profile, including paper white, dot gain, and ink limits. This is invaluable for catching out-of-gamut colors early and adjusting them in CMYK before sending the file to the printer. For example, a vivid CMYK blue that looks fine on screen might appear muddy on uncoated paper, and soft proofing reveals this shift before you waste money on a press check.

For best results, combine soft proofing with a calibrated monitor. Even an accurate ICC profile won’t help if your screen is too bright, too warm, or suffering from poor contrast. Adobe recommends a luminance of around 80–120 cd/m² for print previews. If you don’t have a hardware calibrator, at least use your operating system’s built-in calibration wizard to set a sensible gamma (2.2 is standard) and color temperature (6500K). The CMYK To RGB tool can still be useful alongside soft proofing for quick client-friendly color samples, but Photoshop’s soft proofing remains the gold standard when accuracy really matters.

Workflow Tips for Designers Working in Both Print and Digital

Designing for print and digital at the same time is a common challenge, and a few workflow habits can prevent costly color mistakes. First, always start your project in the color space of your final output. If a piece is destined for a magazine, build it in CMYK from the beginning; if it’s a website hero image, work in RGB. Converting later—rather than authoring in the wrong space—gives you more control over which colors get clipped or shifted. Second, keep your layered source files editable in their original color mode. Flatten and convert only the export copies, never the master file, so you can revisit the design if the print or web brief changes.

Third, build a small swatch library for recurring brand colors. In Photoshop, save your CMYK and RGB equivalents as named swatches, and include the hex code in the swatch name for quick reference. This makes it easy to grab the right value for a social post, email banner, or business card without re-converting every time. Fourth, when sending files to a printer, embed the ICC profile (Photoshop’s Save As dialog has a checkbox) so the prepress team can soft-proof accurately on their end. Finally, for client reviews, generate low-resolution RGB PDFs that match the print piece as closely as possible—tools like the CMYK To RGB tool can help you quote the equivalent RGB values in the margin so clients know what to expect on screen.

常見問題

為什麼我在 Photoshop 中將 CMYK 色彩轉換為 RGB 時，顏色看起來會不一樣？: CMYK 和 RGB 使用不同的色彩模型：CMYK 是減色法（油墨吸收光線），而 RGB 是加色法（螢幕發出光線）。這種差異，加上色域與螢幕校準的變化，會導致外觀上的偏移。Photoshop 的轉換比瀏覽器工具更精確，因為它會考量 ICC 色彩描述檔，但某些顏色（例如亮綠色）在 CMYK 中仍可能顯得較為黯淡。
我可以使用 CMYK 轉 RGB 工具來處理專業印刷專案嗎？: CMYK 轉 RGB 工具是設計用於快速、未校準的預覽，而非專業印刷專案。雖然它提供了有用的近似值，但它並未考量 ICC 色彩描述檔、特定印表機的色彩特性或紙張類型。對於印刷工作，請務必使用 Photoshop 或其他支援描述檔的應用程式，並向您的印表機索取實體樣張。
在 Photoshop 中將 CMYK 轉換時，最好的 RGB 工作色彩空間是哪一個？: 最好的 RGB 工作色彩空間取決於您的輸出。對於網頁和數位顯示器，請使用 sRGB IEC61966-2.1，因為它符合大多數螢幕的標準色彩空間。對於印刷到數位的工作流程（例如設計同時會上線的型錄），Adobe RGB (1998) 提供更寬廣的色域和更好的色彩還原度。您可以在 Photoshop 的「編輯 > 色彩設定」中設定您的工作色彩空間。
如何在不損失色彩準確度的情況下將 RGB 轉換回 CMYK？: 若要在顯著色偏的情況下將 RGB 轉換為 CMYK，請使用 Photoshop 並搭配您印表機的正確 ICC 色彩描述檔。前往「影像 > 模式 > CMYK 色彩」，然後選擇適當的描述檔（例如銅版紙使用 U.S. Web Coated (SWOP) v2）。請避免來回多次轉換，因為每次轉換都會產生微小的偏移。如果您不確定該使用哪個描述檔，請向您的印表機尋求建議。
有沒有辦法在不將 CMYK 轉換為 RGB 的情況下，在螢幕上預覽 CMYK 色彩？: 不行——螢幕只能顯示 RGB 色彩，因此您必須將 CMYK 轉換為 RGB，才能在螢幕上預覽印刷色彩。不過，您可以透過使用硬體校準過的螢幕，並在 Photoshop 中載入您印表機的 ICC 色彩描述檔，來提高準確度。有些印表機也提供軟打樣工具，可以模擬 CMYK 色彩印刷時的呈現效果，但這些工具仍仰賴 RGB 的近似值。
CMYK 轉 RGB 工具和 Photoshop 的滴管工具之間有什麼差別？: CMYK 轉 RGB 工具提供了 CMYK 色彩在 RGB 中即時、未校準的近似值，而 Photoshop 的滴管工具透過考量 ICC 色彩描述檔和色彩設定，提供更精確的轉換。該工具對於快速預覽而言速度更快，但在重視色彩準確度的專業工作流程中，Photoshop 是更好的選擇。例如，50% 青色的 CMYK 值在工具中可能會轉換為 RGB (0, 128, 192)，但 Photoshop 可能會根據您的描述檔將其調整為 (0, 135, 200)。
我需要校準過的螢幕才能看到準確的 CMYK 轉 RGB 結果嗎？: 是的——螢幕校準對於可信賴的預覽至關重要。未校準的螢幕可能會偏暖、偏冷或過亮，這會影響轉換後 RGB 數值的呈現方式。請使用硬體校色器或您作業系統內建的校準工具，並將目標設為 Gamma 2.2 和色溫約 6500K。校準一次是不夠的；螢幕會隨著時間漂移，因此請每月重新校準，以維持一致的結果。
將 CMYK 影像轉換為 RGB 會增加檔案大小嗎？: 不會有顯著差異。檔案大小主要取決於影像尺寸與壓縮，而非色彩模式。同一張影像在相同尺寸下，RGB TIFF 和 CMYK TIFF 的大小通常只相差幾個百分比。真正要轉換的原因是色彩還原度，而非檔案大小。如果您需要更小的檔案以便在網路上傳遞，請在轉換後將其匯出為壓縮的 JPEG 或 PNG，而不是依賴色彩模式的變更來縮小檔案。
我可以一次批次轉換多個 CMYK 檔案為 RGB 嗎？: 可以。在 Photoshop 中，請使用「檔案 > 指令碼 > 影像處理器」，即可一次將整個資料夾的 CMYK 檔案轉換為 RGB，並儲存為 JPEG、PSD 或 TIFF。在 Illustrator 中，透過「動作」進行批次處理可以變更多個檔案的文件色彩模式。在 Adobe 之外，專用的熱資料夾工具和作業系統層級的指令稿（例如命令列上的 ImageMagick）也可以自動化處理大型檔案庫的 CMYK 轉 RGB。