RGB and CMYK Color Modes in Graphic Design

rgb and cmyk color modes

As a graphic designer it’s important to know your tools before you use them.

You might’ve noticed when you sometimes preview your design on different devices and mediums the colors look a bit off. Knowing the RGB and CMYK color modes will help you leverage them and use them correctly for your projects.

In this article, we are going to be discussing the RGB and CMYK color modes, when to use them and the difference between them.

What is RGB

RGB is a color mode that combines the colors red, green, and blue together to create color pigments. RGB colors are made through a process called additive mixing because you are mixing varying amounts of red green and blue to get the color you want.

In RGB, the base color starts off with pure black and red green and blue layers are added on top of it to create a pigment. When these 3 are mixed together in equal amount or if you turn them all up to 100% it will give you the color white.

As a graphic designer, you have the power to experiment with these values to create the colors that you want. Designers do this through adjusting the saturation, vibrancy, contrast and color values of the design.

When you should use RGB

The RGB color mode is used for digital formats. Digital formats include things like television, web and devices. The screen you are reading this from is also made with red, green, and blue colors.

Here are some popular formats in which you should consider using RGB:

  • Web & app design – this includes designing for icons, buttons, and graphics
  • Branding – mainly when dealing with logos for digital use and creating online ads
  • Social media – including images for posts, profile pictures, and banners
  • Visual content – This includes a range of things like videos, digital graphics, infographics, and digital photographs for the web

Suitable File Formats for RGB

If you want your final design to look the way you intended, saving it in the right format is essential. Below are some of the best formats to save a RGB file in:

  • JPEG – JPEG is a great format especially if you’re designing for the web. Jpeg allows you greater control over the file size and quality and are readable.
  • PNG – PNG is a common file type amongst designers as it supports transparency. It is the preferred file type for graphics as it preserves the colors and is high-quality. The main downside may be the bigger file size.
  • PSD – PSD is the standard file type for Adobe Photoshop documents. PSDs are editable files with layers included.
  • GIF – If you are working on motion graphics such as a moving object or animated logo GIF is the ideal file type. GIF is the only file format that can support RGB animation.

What is CMYK

CMYK is a color mode that combines the colors cyan, magenta, yellow and key (Black) together to make color pigments. The CMYK model uses subtractive colors. This means that the base color is white and as more colors are added it gets darker until it turns black. 

When these CMYK values are mixed together in equal amount or if you turn them all up to 100% it will give you the color black.

If you’ve had some experience with Illustrator, you will note there are 2 options regarding black in its preferences. “True Black” and “100% Black.” CMYK is used as the standardized press format and due to impurities in the ink true black is rarely possible to recreate. Because of this, CMYK cannot produce a “true black” rather a dark gray color.

When You Should Use CMYK

You should use CMYK for projects made for printing. Even though many modern printers operate on a RIP format which can automatically convert RGB to CMYK there are also printers that print in only CMYK.

  • Branding material – this would include a wide selection of business cards, stationery, stickers, and signs and storefronts
  • Advertising – including billboards, posters, magazines, brochures, flyers, and many more
  • Merchandise – like t-shirts, hats, pens, mugs, and other branded material
  • Printed designs – including product packaging or menus such as for a cafe or restaurant

Suitable File Formats for CMYK

Here are the correct formats for saving your file in CMYK:

  • PDFs – PDFs are ideal for CMYK printing. Illustrator and other design programs allow you multiple options to guarantee a high-quality print. If you are working on illustrator the best format to save in is a Press Quality PDF.
  • AI – AI is Adobe Illustrator’s standard file format. It is the editable illustrator file which is compatible only with illustrator.
  • EPS – EPS is a graphics vector file format and is compatible with most vector-based programs. It has a small file size and preserves quality for higher resolutions.

If you are in direct contact with the printer it is best to ask them which format they require.

How to Convert RGB to CMYK

It may be that you have already designed your project and are now realizing you were on the wrong color mode. If you made a document for print in RGB mode then depending on your design software you can switch to CMYK.

Keep in mind that the colors would look different due to the different nature of the color modes.

To change the color mode in:

  • Photoshop – Go to Edit > Convert to Profile. In this dialogue box under “Destination Space” choose your new format.
  • Illustrator – Go to Edit > Edit Colors and click on the color mode you desire.
  • InDesign – Go to File > Adobe PDF Presets > [Press Quality] and select a save destination. In the Export Adobe PDF popup box, select Output on the left side and use the Destination dropdown menu in the Color section to choose your desired color mode.

Importance of Knowing This Difference

It is highly important you know the difference between these color modes.

By not understanding the difference between the two you’re design is not going to come out the way you intend. The colors would look off and some printers might not be able to print your document.

It is best to use the RGB format for digital designs on the web and CMYK for documents to be printed.

Scroll to Top