Design

The Difference Between RGB & CMYK (& Which You Should Be Using)

I have a background in photography and a lot of experience in the wide world of printing. Though that might sound boring - it actually is useful knowledge when approaching design.

Have you ever created a file in Photoshop, saved it, and then uploaded it the web only to have your colors suddenly turn garish and not what you planned for? Well, so have a lot of people. Want to know what’s wrong? You’re not in the right color model.

RGB and CMYK are the two most common color models you will be using. I’m going to break them down in this post – but first a little bit about setting up your document in Photoshop or Illustrator.

In Photoshop and Illustrator you can choose which color mode you want in the new document dialogue box (pictured below). You can also easily switch color modes if you realize you are in the wrong one. Be cautious in Photoshop if you do that, though, because the default settings will be to flatten your layers, which you probably don’t want!

To change an already existing document in Photoshop go to Image>Mode on the top and then select which you want. In Illustrator go to File>Document Color Mode (near the bottom).


RGB

RGB stands for Red, Green, Blue and it is considered a light additive color model. This means that colors are added together to produce lighter colors and eventually to produce white. RGB is specific to digital design - and if you are viewing anything with light behind it (your television, cell phone, computer, etc.) you are viewing RGB colors. If you are a designer creating graphics for web - you must be using RGB (or things will look really weird)!

Something to be wary of - computer screens need to be calibrated (and pretty often, too) if you want to be able to ensure uniform color quality. This is especially important for photographers who want good skin tone in their pictures, and even for designers that are trying to match colors to already existing materials. For calibration, I use Spyder

Another thing to keep in mind (and potentially educate your clients about) is that because your screen is calibrated, and theirs is not, they might not be seeing what you are truly creating. I’m not saying to force your client to go buy software or anything, but just keep that in mind, in case the question ever comes up, so you can be prepared and have an educated response.


CYMK

CMYK stands for Cyan, Magenta, Yellow, and Key (Black) and it is considered a subtractive color model. This means that ink is removed to achieve lighter colors. You will often hear CMYK referred to as “four-over” or “four color process". This is because in printing you use all four colors layered over each other, as dots, to achieve different colors. This has to do with “DPI” or “Dots Per Inch” that you often hear about in printing. (Let me know in the comments if DPI is something you are interested in learning more about, I can do a lesson on that).

With CMYK You can’t produce a color lighter than the surface you’re printing on - so when you are seeing white, it’s actually not ink at all - it’s the surface of your paper. In the same idea - lighter colors just have less ink, so that more white surface shows through. 

Black, on the other hand, is more complex. First, it has two options. You might have heard a printer ask, or seen in your print dialogue box, if you want “plain” or “rich” black. Plain black is simple black ink, whereas adding colors together creates “rich” black. The actual CMYK values for rich black are C=75%, M=68%, Y=67%, and K=90%.  

The thing is, even with those percentages, not all blacks are considered equal. If you are printing something for yourself or a client, consistency is key, so make sure you are not interchanging blacks, or using different CMYK values to get to black. This will definitely show up in printing! Though, knowing this, if you wanted a cooler back you could up the percentage of cyan, or conversely if you wanted a warmer black, up the percentage of yellow. 

CMYK is actually a process that dates back to before our newer fancy printers. If you’ve ever worked with screen-printing or a printing press, you know the idea of layering colors. Well, CMYK is what was used in the beginning of printing to achieve different colors. Why do we call the black “K”? Because it actually stands for the Key plate, which was the most important of the four plates as everything was aligned to it.


CONCLUSION

I hope that clears up any questions you might be having about the difference between the two color models. If you have any other questions feel free to ask in the comments, I’d love to help!



kaitlyn.jpeg

I’m Kaitlyn, your design assistant! I work with successful creative entrepreneurs to create cohesive, clean, and compelling visuals for their businesses. You can keep being the #girlboss you are (but with more time to focus on growing your empire)! Let's set up a time to chat!


Why I'm On Squarespace (& Put Clients On It, Too!)

I purposely didn't allow myself to read about this topic before sitting down to write, because I know there are a hundred other posts about why people are using Squarespace, and I didn’t want to be influenced by “good reasons” that aren’t necessarily “my reasons.”

First though, a little background about me – I am a freelancer and I have this blogger business, but I also work a traditional 9-5 at a boutique design agency that specializes in web and graphic design. We use Wordpress at work, and while I am mostly on the print side of things, I hear and am involved in a lot of the day-in and day-out struggles, which is why when I get home from that job, and sit down to work on my personal stuff, I breathe a sigh of relief as I log into Squarespace. Here are five reasons I'm obsessed with Squarespace, & put all my clients on it, too!


IT'S RESPONSIVE

Over half my views each day come from mobile devices. I need the interaction to be easy and seamless for those viewers. While there are many templates on other platforms that are responsive, it is still something that you have to be wary of. You have to put time and energy into it, test things, adjust things, re-test things when your plugins update, etc. That sounds tedious. I’m too busy for tedious, y’all. Starting a business, running a blog, planning webinars, being involved on social media… there is no time to be constantly stressed about my site working on mobile devices, and then being in a panic when something updates and breaks the whole code.


IT'S BEAUTIFUL

I have yet to see a Squarespace site that is just ugly. It’s probably harder to make a bad looking Squarespace site than it is to make a good looking one. The bones that they provide you with in their themes are extraordinarily well designed. I might be a traditionalist – but grid systems just work. They always have. It’s pleasing to the viewer, it’s professional, and it’s simple. I don’t value design that pulls out all these crazy tricks, I value design that has balance and is cohesive and effective. Squarespace makes creating that so much easier.


IT WORKS

At my 9-5 this happens more often than you would think – wordpress plugins update and all the sudden your site went from working great to a heaping mess. Usually the fix isn’t that hard or drastic, but it’s still time you have to take out of your day to figure out – and if you aren’t savvy, it’s time you have to pay someone else to figure out. 

The thing is, to make Wordpress function the way you want, chances are you are gong to use plugins. And plugins are risky – you are trusting some other developer, they are going to do updates, they are going to slow your site down, and they are going to interfere with other code. I don’t want to have to think about any of this once I am “done” designing my site.

With the exception of some word choice changes, the bones of my site haven’t changed since I created it. It’s worked seamlessly, flawlessly, on all devices, across all platforms, and it natively does every little thing I can think of.  I don’t have to be concerned with the idea of plugins to “make things better” because things are already amazing.


IT HAS EXCELLENT SUPPORT

Any time I have a question about Squarespace I get a direct answer in less than 24 hours. I get personalized emails that go into explicit details, link to videos and other articles that might help, and direct contact information if the support team needs to hear back from me for some reason.

I’ve even had success in the forums that Squarespace offers. I’ve asked questions about the best place to enter custom code, about differences between templates, and a few other things, and there are swarms of people just waiting around ready to offer their expertise. It’s a great tool to have at your disposal, and very effective.


IT'S INTUITIVE

At some point, you finish designing the site and pass it over to the client. This is scary for both you and the client. All of my clients have expressed a want for it “to just be easy” when it comes to updating the blog, or changing out photos in a gallery, or prices, etc. With Wordpress I often feel like I’m very confusing when I try to explain to a client that each product on a product page is really a blog post…? When I used to use Wordpress it just felt like I was constantly “rigging” things and then to turn around and explain that to someone who doesn’t understand (or want to understand) it became extremely confusing.

When I wrap a project now, and do a quick tutorial on using Squarespace, do you know what happens? “Oh! That’s easy.” Or “That makes sense!” Do you know what a relief that is to hear? Such a relief! I no longer feel like I am abandoning a client in the great abyss and hoping they figure it out – we part on terms of positivity and comfort and confidence! Phew!


What are some features you love about Squarespace? Let me know in the comments below! I'm constantly discovering more and more that I love about it, so I'd love to see some new things! Also - I've got some super exciting news coming up soon, so keep checking back for that!