Join Gini von Courter for an in-depth discussion in this video Using your brand's custom colors, part of Using Office 2013 Themes and Templates for Branding.
- You can create a theme by simply choosing colors that you like, things that appeal to you. But if you already have a color palette in your organization, if you have a logo that has a specific color, if you have different colors that are used for highlights, then it makes sense to use those because that way, it will enforce your brand. If you have access to the Exercise Files folder, you'll find KinetEco Branding Assets folder inside of that folder, Logos and Banners, and then, there are a set of logos, and you see that they have golds and blues and greens and such in them.
We have a sheet that we would give to a printer to say, "These are the exact colors that we're using," so that, when they print, they can make sure that there's good match. The same document is available as a PDF or as a PNG file. I'm going to open the PDF file so that you can see what this looks like. Here are our logos, and here are the colors. We would actually print this and make sure that it compares to the colors, because every single printer interprets colors a little bit differently. Here, for example, are the two gold colors that are used in our Windmill logo, and the green and the blue.
If we wanted to be able to match these colors, we can match them exactly. We don't have to guess what colors work, we can say, "Well, we'd like to use "these colors right here." There happen to be seven of them. I want to use six of them for accent colors. I'm going to use this final color here. This 361F01 hexadecimal color is a dark brown, and I could use it for a Dark Two if I wished, rather than using a black. I could also use the 0A4D65.
It also is dark and is suitable, remembering that we want to have very dark colors for our Dark One and our Dark Two, very light colors for our Light One and Light Two. Then, in between, we'll use these other colors. These colors are being expressed as hexadecimal colors. This is another numbering system for colors, different than RGB. Hexadecimal is actually triplets. It's three sets of colors. If we look at this first color code, it is F8, A3, 0E. F8 is actually the code for red, A3 is the code for green, and 0E is the code for blue.
So it's very similar, but instead of using the numbers zero through 99 or using the values of zero through 255, which is what the RGB code does, we're actually here using a numbering system that's based on base 16. You wonder, "What do I do with this color, "because, if I go back to PowerPoint, "I won't find a place to enter a color like this?" Let's slide over there and take a look. If I go to the Variance area and choose Colors, and choose Customize Colors, and select any color that I want to choose and go to More Colors, the two choices that I have are the ability to either insert RGB or HSL or to choose a color manually.
So how do I get the RGB colors or HSL colors here? Well, there are a number of websites ready to help us out with this. If you have your color map and it's in RGB, you're all ready to go. You'll just go into your variance, choose colors, choose if you wish a set that's closed, but there's really not a lot of point. You're probably going to change almost all of them. You'll begin entering your RGB colors. If you have hexadecimal colors, and that's not unusual, particularly if your original design was done for a website, because most websites don't use RGB, they use hex triplets or hexadecimal or something else other than RGB.
What the rest of us will do is, we'll take our document and we will proceed to go to a site where we can do a conversion on each one of these. I'll just show you how a couple of these work, so that you'll know how you can do this, because it's really a lot easier than you might think it would be. First, if you just want to see some charts of RGB colors so that you can start to home in on the color that you want because you don't have a value, I'd like to recommend this link to rgbcharts' site. Here you will see a variety of tools, the RGB Color Space, RGB Color Picker, RGB Color Codes Chart.
If you're looking for a particular color, you think, "I want that blue," there's the hex number and here is the RGB number for it, hexadecimal and RGB for whatever color you point to. Just hover over it, and you can write down this information, whether you're writing down hex because you want to use it, for example, in a web application, or RGB. If you have hexadecimal colors, then you can go to another page here on the RapidTable site. Let me give you a link for that. Here it is. This is a bit.ly link to ColorConvert.
But again, it's part of that same RapidTable site. You enter the value you are looking for. My first value that I wish, it's that dark gold, is F8A30E. I enter it as hex, I click Convert, and here are my values for RGB at the top, or for HSL, which we could also use. I want to use RGB, so I'll note that that color set is 248, 163, 14, a lot of red, some green, not a lot of blue. Makes sense.
And there's the color, so if it was not something that looks like what I was looking for ... I'm looking for gold. If it's bright red, then I can look and see if I typed the value correctly. Let's do one more so that we're comfortable with these. This one is F9BC0E, and this one is relatively close to that one. It's, 248 was the first one, but this one's 249, 188, 14. Let's contrast that with a green color, which we also have on our palette. It's the green that appears in "Eco" for KinetEco.
That one is a very different number, it's 98CD14. And there's that green, 152, 205, 20. You would note the colors that you want to include in your palette, get their values, their RGB or HSL values, if you don't have them already. if you have hexadecimal values, then come here or to a similar site and convert them. With all of my colors converted from hexadecimal to RGB, I'm going to return now and create a custom set of colors for KinetEco. I'm going to keep Dark One as black, Light One, but Dark Two, I want to change to one of our custom colors.
Now, black and white are assumed to go with anything. In this case, it is not true that orange is the new black or pink is the new black, because black and white are colors at opposite ends of the spectrum. I want to choose something that's not this light blue but one of our colors for my Dark Two. The color that I'm going to enter is a brown, and it is 54, 31, 1. Notice that, when I've done that, there's my brown color. I'm going to say Okay. I'm going to keep Light Two. Well, Light Two is actually a color that has some colors while it's a gray.
I could change Light Two to a white, and I'll do that. Now my accent colors. The first color that I want to use as an accent is that gold color that we use a lot. That color is a 248, 163, 14. There is my gold. Right there. Always check the color and make sure it makes sense. Notice now, here's my gold, and I'm building a palette that's our colors, my company's colors. My second color that I want to use is a blue. It's a 17, 133 ...
You can tab between these field if you wish ... 175, there's my blue. Looks good. Now, that's not the color I chose second, but I don't want to put the yellow and the blue right next to each other because it'll make it harder to see. My third color that I want to use, there's actually a gray here already. I'm going to choose a gray, and it might be very similar. Ours is a little lighter. Ours is going to be 119, 119, 119. The true grays, just like if we looked at black and white, we would see zero, zero, zero, zero, we'll see true grays will usually have red, green and blue, all will have the same values, just as black and white do.
So there's our gray bar. Now we have three more accent colors to go. I'm now going to include our second gold color. I'm sure you are getting the idea here about how this looks. That color ended up being almost exactly the same. I'm going to fill in the rest of these, and I'm going to name this KinetEco1. KinetEco1 is going to be its color palette name when I save this. I'm going to make sure that both the hyperlink and the found hyperlink color also would be good matches, because they're going to show up on screen in a presentation.
I'll choose colors for those from our palette, as well. With all my colors filled in from our print sample, I'm going to save KinetEco1. Now, if I wish to choose a design, for example Ion, but I want to use my color set, I'll just switch to KinetEco1. There's our dark background, Dark Two, there is our gold accent color, our very first color. If we drop a chart in here, on a new slide, you'll see that the colors that are used are the colors from our KinetEco color palette.
That's how you create your custom color set using the colors that are specified in your organization. One more thought: once I've created one color set, it's very easy right now to create another color set, perhaps even two or three, that would also be acceptable, because the colors that I've used recently are being kept in my color picker. So when I go to Colors, Customize Colors, and I say, "I want to change this," and I'm going to create a KinetEco2, what I'd like to do is, change what my Dark Two color is and swap it in this Accent Six color that I'm using and the hyperlink color.
What I'll do is, I'll choose Dark Two. Notice, here are my Recent Colors. There's that dark teal color right here. If I go grab the dark teal ... As I'm creating these, by the way, it adds them to the left and slides them down the list, so the most recent color I've created is under Recent Colors at the far left. The ones at the far right are colors that I chose earlier. There's my Dark Two, which is going to give us a teal background as opposed to this dark brown background. But I don't want to put a teal bar on there, so I'll go pick up my dark brown bar, which is eight colors back.
Notice, there's that brown bar here. For hyperlinks, I'll also need to choose some colors that are going to stand out against that teal background. I might want to choose the two shades of gold, for example, the darker gold, or a gold and a gray, because we've created a gray. There's my hyperlinks. They stand our fairly well. Now I have a second set of colors, and I could easily create a third, for example, that used the accent colors in a different order. The more colors you have available to you that are used in your organizational design, the more palettes you can easily create.
But do take advantage of having a couple of dark colors to provide some different backgrounds for your slides by creating more than one color set.
- Creating themes for PowerPoint
- Modifying slide masters and slide layouts
- Adding placeholders and instructions to PowerPoint templates
- Creating and modifying Word styles
- Creating a custom header, footer, or Quick Part
- Saving building blocks in a Word template
- Creating Excel templates
- Adding instructions and protection in Excel sheets
- Sharing templates
- Branding in Outlook