{"id":2101,"date":"2021-03-29T13:56:41","date_gmt":"2021-03-29T17:56:41","guid":{"rendered":"https:\/\/carleton.ca\/theprintshop\/?post_type=cu_story&p=2101"},"modified":"2026-04-01T14:45:58","modified_gmt":"2026-04-01T18:45:58","slug":"optimize-your-designs-with-the-correct-colour-mode","status":"publish","type":"cu_story","link":"https:\/\/carleton.ca\/theprintshop\/story\/optimize-your-designs-with-the-correct-colour-mode\/","title":{"rendered":"Optimize your Designs with the Correct Colour Mode"},"content":{"rendered":"\n
\n
\n\n \n \n \n \n
\n\n
<\/div>\n \n
\n
\n\n

\n Optimize your Designs with the Correct Colour Mode\n <\/h1>\n \n <\/header>\n <\/div>\n\n \n <\/path>\n <\/path>\n <\/svg>\n <\/div>\n\n \n\n <\/div>\n<\/section>\n\n\n\n

The Difference Between the RGB and CMYK Colour Mode<\/span><\/h2>\n\n\n\n

What you see on your computer monitor is not exactly what your printed product will look like and this is because of different colour modes. Both RGB and CMYK are modes for mixing colour in graphic design. Monitors use RGB whereas printers use CMYK. This means that RGB colour mode is best for digital designs, while CMYK is best for print materials. You can switch your colour guide to CMYK, but it still won\u2019t be an exact representation of your printed product as the colours can depend on the printer. So basically, if having a specific colour is essential in a printed product, ask for a printed proof of your design. Using a CMYK colour profile in a digital application will cause colour inconsistencies and using a file with a RGB colour profile for a printed piece will do the same. <\/span><\/p>\n\n\n\n

RGB Colour Mode<\/span><\/h3>\n\n\n\n

RGB (Red, Green, Blue) is the colour space for digital images so again, use RGB for digital designs. A light source within a device creates any colour needed by mixing red, green and blue and varying their intensity. All colours start as black darkness and then red, green, and blue light is added on top of each other to brighten it and create the desired pigment; this is known as additive mixing. When these three colours are mixed together at equal intensity, they create pure white. Red and blue create magenta, red and green create yellow, and blue and green create cyan. As a designer, you can control aspects like shading, saturation and vibrancy by modifying any of the three source colours.<\/span><\/p>\n\n\n\n

\"rgb<\/figure>\n\n\n\n

RGB Usage<\/span><\/h4>\n\n\n\n

If your final product is going to be on a digital screen, use the RGB colour mode. This includes computers, TVs (like Carleton\u2019s Digital Signage System<\/a>), smartphones, tablets, cameras and any other digital device. You should go with RGB if your design involves web and app design, online logos and ads, videos, infographics, photographs for social media, websites, or apps, or any branding and collateral that is online. <\/span><\/p>\n\n\n\n

Best File Formats for RGB<\/span><\/h4>\n\n\n\n

The best file formats for RGB include JPEGs or JPGs, PSD, PNGs, SVGs (Scalable Vector Graphics) and GIFs. JPEGs or JPGs are a common file type as they are readable almost anywhere and are a good middle ground between file size and quality. PSD files are the standard source file for Adobe Photoshop when using RGB. PNGs support transparency and are better for graphics that need to be superimposed over others. GIFs capture motion so if you want to use an animated element (moving logo or icon), this file type would be ideal. SVGs are great for website optimization and are a unique type of file format. SVGs don\u2019t rely on unique pixels to make up the images which means you get images that can scale up to any resolution.<\/span><\/p>\n\n\n\n

CMYK Colour Mode<\/span><\/h3>\n\n\n\n

CMYK (Cyan, Magenta, Yellow, Key\/Black) is the colour space for printed materials, so you should be using the CMYK colour profile for any design that will be physically printed. A printing press creates images by combining CMYK colours to a varying degree using physical ink which is known as subtractive mixing. All colours start as a blank white, and each layer of ink reduces the initial brightness to create the preferred colour. When all CMYK colours are mixed together, they create pure black. Cyan and magenta create blue, magenta and yellow create red, and cyan and yellow create green. CMYK printing is also known as 4-colour-process printing and is the most common method used for printing collateral. <\/span><\/p>\n\n\n\n

\"cmyk<\/figure>\n\n\n\n

<\/p>\n\n\n\n

CMYK Usage<\/span><\/h4>\n\n\n\n

Use CMYK for any design project that will be physically printed, not viewed on a screen. Use CMYK for all printed marketing materials like business cards, stationary, signs, brochures, billboards, posters, wraps, flyers, packaging, menus and merchandise.<\/span><\/p>\n\n\n\n

Best File Formats for CMYK<\/span><\/h4>\n\n\n\n

The best file formats for CMYK include PDF, AI, and EPS. PDFs are ideal for CMYK files because they are compatible with most programs. PDFs are by far the best universal file type for sharing designs. AI files are the standard source file for Adobe Illustrator and maintain their editability. Adobe Illustrator is the industry standard for creating vector-based, scalable designs and therefore, is likely the program your logo and brand design assets were created in. EPS files are also vector-based and scalable. EPSs can be a great file source alternative to AI. This is because EPS is compatible with other vector programs, making it a more universal file type than AI. It is always best to consult your printer beforehand to find out which file format they prefer. We, at The Print Shop, strongly prefer PDF files<\/a> over all else. <\/span><\/p>\n\n\n\n

How to set up RGB and CMYK colour modes in design programs<\/span><\/h2>\n\n\n\n

In this post we will show you how to set up your colour mode for a new project in Adobe software<\/a> including Photoshop, Illustrator and InDesign. <\/span><\/p>\n\n\n\n

Photoshop<\/span><\/h3>\n\n\n\n

When creating a new document in Photoshop, the \u201cColor Mode\u201d option will be included with other parameters in the \u201cNew Document\u201d window. Under \u201cColor Mode\u201d select \u201cRGB Color\u201d or \u201cCMYK Color\u201d from the dropdown menu. <\/span><\/p>\n\n\n\n

\"colour<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Illustrator<\/span><\/h3>\n\n\n\n

When creating a new document in Illustrator, the \u201cColor Mode\u201d option will be hidden under the \u201cAdvanced Options\u201d collapsable menu so you need to click on the arrow to expand this menu. Select \u201cRGB Color\u201d or \u201cCYMK Color\u201d from the \u201cColor Mode\u201d dropdown menu. <\/span><\/p>\n\n\n\n

\"colour<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

InDesign<\/span><\/h3>\n\n\n\n

InDesign automatically sets the default colour mode depending on which document type you choose. If you choose the \u201cPrint\u201d category, it will default to CMYK. If you choose the \u201cWeb\u201d or \u201cMobile\u201d category, it will default to RGB. Since InDesign allows you to mix colour spaces, you can change the colour mode of individual swatches whenever you create one, but in general you should keep your colours consistent. You can set the colour space of individual swatches by going to the \u201cSwatch Options\u201d panel and selecting your desired colour space (\u201cCMYK Color\u201d or \u201cRGB Color\u201d) in the \u201cColor Mode\u201d drop down menu. <\/span><\/p>\n\n\n\n

\"Colour<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

\"colour<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

How to check the colour mode of your document<\/span><\/h2>\n\n\n\n

This post will show you how to check the colour mode of a document for when you can\u2019t remember or you are working with someone else\u2019s file in Adobe software<\/a>.<\/span><\/p>\n\n\n\n

Photoshop<\/span><\/h3>\n\n\n\n

Listed in parenthesis in the document\u2019s tab is the colour mode. You can also find it by going to \u201cImage\u201d and then \u201cMode\u201d. The mode with the check mark is the current documents mode. <\/span><\/p>\n\n\n\n

\"check<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Illustrator<\/span><\/h3>\n\n\n\n

Listed in parenthesis in the document\u2019s tab is the colour mode. You can also find it by going to \u201cFile\u201d and then \u201cDocument Color Mode\u201d. The mode with the check mark is the current documents mode. <\/span><\/p>\n\n\n\n

\"check<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

InDesign<\/span><\/h3>\n\n\n\n

You can easily check the colour mode by using the \u201cColor Panel\u201d. Whatever letters are present on the \u201cColor\u201d tab is what colour mode your in. Another way is to navigate to \u201cWindow\u201d, \u201cColor\u201d and \u201cColor\u201d again. This brings up the colour panel if it is not already open. <\/span><\/p>\n\n\n\n

\"Check<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Optimize your print job further by submitting it as a PDF<\/a> and adding a bleed to your document<\/a>.<\/em><\/p>\n\n\n\n

Sign up for The Print Shop mailing list.<\/strong><\/a><\/p>\n\n\n