19.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes % Color Theory 101: A Complete Guide to Color Wheels & Color Schemes While text-based content is always important when seeking answers to a question, creating visuals such as Infographics, charts, graphs, animated GIFs, and other shareable images can do wonders for catching your readers’ attention and enhancing your article or report. Knowing color theory and design can help you make content stand out. know what you might be thinking: "I don't know how to design awesome visuals. I'm not creative." Neither am 1, yet I found @ strength in date visuelization at HubSpot, where I've spent most of my days creating infographics and other visuals for blog posts. Access Now: Free Brand Kit Generator Tool Consider this your introductory course to color theory, types of color schemes, and the use of palettes. We'll be covering the following topics: What 18 Color Theory? Why Is Color Theory Important in Web Design? olor Theory 101 tractive Color The ‘The Meaning of Color ‘The Soven Color Schemes How to Choose a Color Scheme Color Tools What is color theory? ‘ACCESS NOW htips:ifolog.hubspot com/marketinglcolor-theory-design7hubs_content=blog.hubspot com"2Fmarketing2Fblog%2Ftabid’h2FS3O7%2FbId%2.. 1/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Color theory is the basis for the primary rules and guidelines that surround color and is use in creating aesthetically pleasing visuals. By understanding color theory basics, you can begin to parse the logical structure of color for yourself to create and use color palettes more strategically. The result means evoking a particular emotion, vibe, or aesthetic. Why is color theory important in web design? Color is an important aspect, if not the most important aspect of design, and can influence the meaning of text, how users move cround a particular layout, and what they feel as they do so. 8y understanding color theory, you can be more intentional in creating visuals that make an impact. While there are many tools out there to help even the most inartistic of us to create compelling visuals, grephic design tasks require a little more background knowledge on design principles. Take selecting the right color combination, for instance. I's something that might seem easy ot first but when you're staring down a color wheel, you're going to wish you had some information on what you're looking at. In fact, brands of all sizes use color psychology to learn how color influences decision-making and affects design Decoding Color Theory: Elevate Your Marketing, Web Desig. Understanding how colors work together, the impact they can have on mood and emotion, and how they change the look cand feel of your website is critical to help you stand out fram the crowd — for the right reasons. From effective CTAs fo soles conversions and marketing efforts, the right color choice can highlight specific sections of, your website, make it easier for users to navigate, or give them a sense of familiarity from the first moment they click through, But it's not enough to simply select colors and hope for the best — from color theory to moods and schemes, finding the right HTML color codes, and identifying web-accessible colors for products and websites, the more you know about using color, he better your chances are for success. Read on for our designer's guide to color theory, color wheels, and color schemes for your site. 150+ Free Content Creation Temr'~*=~, ‘Access ebook, blog post, CTA, case study, and more con poleiles in an insfont to build @ unig (© Ebook Templates © CTA Templates © Bog Post Te tes © And more! ‘ACCESS NOW htips:folog.hubspot com/marketinglcolr-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’K2FS3O7%2FbId%2.. 21919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Learn more @ Color Theory 101: Color Theory Basics Let's frst go back to high school art class to aiscuss the basics of color. Remember hearing about primary, secondary, and tertiary colors? They're pretty important if you want to understand, well, everything else about color. What are primary colors? Primary colors are those you can't create by combining two or more other colors together, They're « lot lke prime numbers, which can't be created by multiplying two other numbers together. There are three primary colors’ Red Yellow Blue Think of primary colors os your parent colors, anchoring your design in a general color scheme. Any one or combination of these colors can give your brand guardrails when you move to explore other shades, tones, and tints (we'll talk about those in just o minute). When designing or even painting with primary colors, don't feel restricted to just the three primary colors listed above, (Orange isn't @ primary color, for example, but brands can certainly use orange as their dominant color (as we at HubSpot know this quite well) Knowing which primary colors create orange Is your ticket to identifying colors that might go well with orange — given the right shade, tone, or tint. This brings us 10 our next type of color What are secondary colors? Secondary colors are the colors that are formed by combining any two of the three primary colors listed above, Check out the color theory model above — see how each secondary color is supported by two of the three primary colors? There are three secondary colors: orange, purple, ond green, You can create each one using two of the three primary colors. Here are the general rules of secondary color creation: Red + Yellow = Orange Blue = Red ACCESS NOW hitps:blog hubspot com/markstinglclortheory-design?hubs_content-blog.hubspot.comYs2FmarketingYs2Fblog'k2Ftabid%2FB307%2FDId%2.. 3/1919.02.202621:15 Color Theory 101: A Complete Gude to Color Wheels & Color Schemes Keep in mind that the color mixtures above only work if you use the purest form of each primary color. This pure form is known as a color's Aue, and you'll see how these hues compare to the variants underneath each color in the color wheel below. What are tertiary colors? Tertiary colors are created when you mix a primary color with a secondary color From here, color gets a little more complicated, and if you want to learn how the experts choose color in their design, you've got to first understand cil the other components of color The most important component of tertiary colors is that not every primary color can match with a secondary color to create a tertiary color. For example, red can’t mix in harmony with green, and blue can't mix in harmony with orange ~ both mixtures would result in a slightly brown color (unless of course, that's what you're looking for). Instead, tertiary colors are created when a primary color mixes with a secondary color that comes next to it on the color wheel below, There are six tertiary colors thar fit this requirement: Red + Purple = Red-Purple (magento) Red + Orange = Red-Orange (vermilion) Blue + Purple = Blue-Purple (violet) luc + Green = Blue-Green (teal) Yellow + Orange = Yellow-Orange (amber) Yellow + Green = Yel Ww-Green (chartreuse) Designers use a color wheel 1o pick the best and most compatible colors to ensure the combinations achieve the desired visual effect. The Color Wheel (Okay, great, So now you know what the “main” colors are, but you and I both know that choosing color combinations, especially on a computer, involves a much wider range than 12 basic colors. This is the impetus behind the color wheel, a circle graph that charts each primary, secondary, and tertiary color — as well {5 their respective hues, tints, tones, and shades. Visualizing colors in this way helps you choose color schemes by showing you how each color relates to the color that comes next to it on « rainbow color scale, (As you probably know, the colors of a rainbow, in order, are red, orange, yellow, green, blue, igo, ond violet.) Hue: ‘SHADE: When choosing colors for@ color scheme, the color wheel gives you opportur sine ese darker colors by mixing white, black, ond gray with the original colors. These below: ACCESS NOW htips:ifolog.hubspot commarketinglcolr-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’h2FS307%2Fbid%2.. 4/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Hue Hue is pretty much synonymous with what we actually mean when we said the word “color” All of the primary and secondary colors, for instance, are "hues.” Hues are important to remember when combining two primary colors to create @ secondary color. If you don't use the hues of the two primary colors you're mixing together, you won't generate the hue of the secondary color. This is because hue has the fewest other colors inside it, By mixing two primary colors that carry other tints, tones, and shades inside them, you're technically adding more than two colors to the mixture — making your final color dependent on the compatibility of more than two colors, If you were to mix the hues of red and blue together, for instance, you'd get purple, right? But mix a tintof red with the hue of blue, and youl get a slightly tinted purple in return, 150+ Free Content Creation Templates ‘Access ebook, blog post, CTA, case study, and more content templates. (© Ebook Templates © CTA Templates © log Post Templates © And more! Get Your Free Templates Leann more (2 Shade You may recognize the term "shade" because its used quite often to refer to light and dark versions of the same hue. But actually, « shade is technically the color that you get when you add black to any given hue. The various "shades" just refer to how much black you're adding Tint A tint is the opposite of a shade, but people don’t often distinguish between a color’s shade and a color’s tint, You get a different tint when you add white to 0 color So, a color can have a range of both shades ond tints. Tone (or Saturation) You can also add both white and black to a color to create a tone. Tone and saturation essentially mean the same thing, but most people will use saturation if they’ talking about colors being created for digital images. Tone will be used more often for painting With the basics covered, les dive into something a little more complicated — like additive and subtractive color theory. ive & Subtractive Color Theory If you've ever played round with color on any computer program, you've probably seen a module that listed RGB or CMYK colors with some numbers next to the letters Ever wondered what those letters mean? cMYK CMYK stands for Cyan, Magenta, Yellow, Key (Black), Those alsohappen to sjaijos ran instant to buldo una your printer. That's no coincidence. ai your bu CMYK is the subtractive color model, I's called that because you have to s ACCESS NOW opposite is true — the more colors you add, the closer you get to black. Conti htips:ifolog.hubspot comimarketinglcolor-theory-design7hubs_content=blog.hubspot.com2Fmarketing2Fblog%2Ftabid’K2FS307%2Fbid%2.. 5/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Think about printing on a piece of paper. When you first put ¢ sheet in the printer, you're typically printing on a white piece of paper. By adding color, you're blocking the white wavelengths from getting through, Then, let's say you were to put that printed piece of paper back into the printer, and print something on it again. You'll notice the areas that have been printed on twice will have colors closer to black. T find it easier to think about CMYK in terms of its corresponding numbers. CMYK works on a scale of 0 to 100. If C-100, M=100, ¥=100, and 100, you end up with black. Bur, if all four colors equal 0, you end up with true white. RGB RGB color models, on the other hand, are designed for electronic displays, including computers, RGB stands for Red, Green, Blue, and is based on the additive color model of ight waves. This means, the more color you 0, add, the closer you get to white. For computers, RGB is created using scales from 0 to 255. So, black would be ‘and 8-0, White would be R=255, G=255, and B=255. When you're creating color on « computer, your color module will usualy list both RGB and CMYK numbers. In practice, you can use either one to find colors, and the other color model will adjust accordingly. However, many web programs will only give you the RGB values or o HEX code (the code assigned to color for CSS ond HTML), So, if you're designing digital images or for web design, RGB is probably your best bet for choosing colors. You can always convert te design to CMYK and make adjustments should you ever need it for printed materials. The Meaning of Color ‘Along with varying visual impcet, different colors also carry eitferent emotional symbolism. ‘20s ~ typical ossocared with power, possion, or energy ond con help encovroge ‘orange — joy ond enthusiasm, making it good choice for postive messaging Yelow — happiness and intelect, but be wary of overuse ACCESS NOW Green — often connected to growth or ambition, green can help give the sense hitpsblog hubspot com/marketinglclor-theory-design?hubs_content-blog.hubspot.comYs2FmarketingYs2Fblog'k2Ftabid%2FB307%2FDId%2.. 6/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Blue — tranquility and confidence, depending on the shade — lighter shades provide o sense of peace, darker colors are more confident Purple — luxury o otiviy, especialy when used deliberaaly and sparingly on your ste Black — power and mystery, and using this color can help create necessary negative space Wiite ~ safety and innocence, making ite great choice fo help streaaine your ste Worth noting? Different audiences may perceive colors differently. The meanings listed above are common for North ‘American audiences, but i your brand moves into other parts of the world, i's @ good idea to research how users will perceive particular colors. For example, while red typically symbolizes passion ar power in the United States, its considered a color of mourning in South Africa. While it’s possible to create your website using @ combination of every color under the rainbow, chances ore the final product wor’t look great. Thankfully, color experts and designers have identified seven common color schemes to help jumpstert your creative process. 150+ Free Content Creation Templates Access ebook, blog post, CTA, cose study, ond more content templates. {© Ebook Templates (© CTA Templates (© And more! Free Templates Learn more 2 What are the seven types of color schemes? The seven major color schemes are monochromatic, analogous, complementary, split complementary, triadic, square, and rectangle (or tetradic), Let's examine each type of color scheme in more detail 1. Monochromatic Monochromatic color schemes use a single color with varying shades and tints to produce a consistent look and feel ‘Although it lacks color contrast, it often ends up looking very clean and polished. It also allows you to easily change the darkness and lightness of your colors. ACCESS NOW htips:ifolog.hubspot commarketinglcolr-theory-design7hubs_content=blog.hubspot.com2Fmarketing2Fblog%2Ftabid’K2FS3O7%2FbId%2.. 7/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Monochromatic color schemes are often used for charts and graphs when creating high contrast isn't necessary. Check out all the monochromatic colors that fall under the red hue, a primary color. ‘Analogous color schemes are formed by pairing one main color with the two colors directly next to it on the color wheel You can also add two additional colors (which are found next to the two outside colors) if you want to use a five-color scheme instead of just three colors. 2. Analogous Analogous structures do not create themes with high contrasting colors, so they're typically used to create a softer, ess contrasting design. For example, you could use an analogous structure to create « color scheme with autumn or spring colors, This color scheme is great for creating warmer (red, oranges, and yellows) or cooler (purples, blues, and greens) color palettes like the one below. ‘Analogous schemes are offen used to design images rather than infographic together nicely ACCESS NOW tips:ifolog.hubspot commarketinglcoor-theory-design7hubs_content=blog.hubspot.com/2Fmarketing2Fblog%2Ftabid’s2FO6307%2FOIM%2... 8I1919022026 21.15 Calor Theory 101: A Complete Gude to Color Wheels & Color Schemes 3. Complementary ‘You may have quessed it, but a complementary color scheme is based on the use of two colors directly across from each ther on the color wheel and relevant tints of those colors. The complementary color scheme provides the greatest amount of color contrast. Becouse of this, you should be careful ‘bout how you use the complementary colors in a scheme. 1's best to use one color predominantly and use the second color as accents in your design. The complementary color scheme is also great for charts and graphs, High contrast helps you highlight important points and tokeaways. 4. Split Complementary ‘A split complementary scheme includes one dominant color and the two colors directly adjacent to the dominant color's, complement, This creates a more nuanced color palette than a complementary color scheme while still retaining the benefits of contrasting colors. The split complementary color scheme can be difficult to balance because unlike analogous or monochromatic color schemes, the colors used all provide contrast (similar to the complementary scheme). The positive and negative aspect of the split complementary color model s that you can use any two colors in the scheme ‘and get great contrast... But that also means it can also be tricky to find the © °° : you may end up playing around with this one a bit more to find the right CO” ajoijos ACCESS NOW tips:ifolog.hubspot commarketinglcoor-theory-design7hubs_content=blog.hubspot.com/2Fmarketing2Fblog%2Ftabid’s2F63O07%2FDIM%2... SI1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Triadic color schemes offer high contrasting color schemes while retaining the same tone. Triadic color schemes are 5. Triadic created by choosing three colors that are equally placed in ines around the color wheel. Tried color schemes ore useful for creating high contrast between each color in o design, but they can also seem overpowering if all of your colors are chosen on the same point ina line around the color wheel To subdue some of your colors in a triadic scheme, you can choose one dominant color and use the others sparingly, or simply subdue the other two colors by choosing a softer tint The triadic color scheme looks great in graphics lke bar or pie charts becouse it offers the contrast you need to create ‘The square color scheme uses four colors equidistant from each other on the color wheel to create a square or diamond shape. While this evenly-spaced color scheme provides substantial contrast to your design, i's a good idea to select one dominant color rather than trying to balance all four, comparisons, 6 Square ACCESS NOW tips:ifoog.hubspot com/marketinglcoor-theory-design7hubs_content=blog.hubspot.com/k2Fmarketing2Fblog%2Ftabid’s2F6307%2FDIM%... 10/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes ‘Squore color schemes are great for creating interest across your web designs. Not sure where to start? Pick your favorite color and work from there to see if this scheme suits your brand or website, 1's also @ good idea to try square schemes ‘against both black and white backgrounds to find the best fi. 7. Rectangle Also called the tetradic color scheme, the rectangle approach is similar to its square counterpart but offers a more subtle approach to color selection. ‘As you can see in the diagram above, while the blue and red shades are quite side of the rectangle are more muted, in turn helping the bolder shades stanc ACCESS NOW tips:ifolog.hubspot commarketinglcolr-theory-design7hubs_content=blog.hubspot.com2Fmarketing2Fblog%2Ftabid’h2FS3O7%2Fbid%2.... 11/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes nage Source No matter which color scheme you choose, keep in mind what your graphic needs. If you need to create contrast, then choose @ color scheme that gives you that, On the other hand, if you just need to find the best "versions" of certain colors, then play around with the monochromatic color scheme to find the perfect shades and tints. Remember, if you build a color scheme with five colors, that doesn’t mean you have to use all five, Sometimes just choosing two colors from a color scheme looks much better than cramming all ive colors together in one graphic. 150+ Free Content Creation Templates [Access ebook, blog post, CTA, case study, and more content templotes. (© ebook Templates © cra Templates © og Post Templates © And more! Get Your Free Templates Learn mere Examples of Color Schemes Now that you are fomiliar with color scheme types, let's take a look at some in the wild 1. Canva Type: Monochromatic ACCESS NOW tips:ifolog.hubspot com/marketinglcolor-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’h2FS307%2Fbid%.... 12/1919.02.2024 21:15, Color Theory 101: A Complete Guide to Color Wheels & Color Schemes et ra Prod #OOEIFS Periwinkle The use of blues and purples really make this monachromatic blueberry-inspired template stand out, Each shade builds on the next and provides ample contrast despite remaining within the same color farnlly, 2. Newfoundland and Labrador Tourism Type: Triadic ‘As we mentioned eorlier, nature is a great way to get inspiration for your color palette, Why? Because mother noture already has it figured out. Newfoundland and Labrador Tourism took advantage of these triadic shades to showcase the region's natural beauty, 3. Daye Type: Analogous ACCESS NOW htips:ifolog.hubspot commarketinglcolor-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’K2FS307%2Fbid%.... 13/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Daye oe Our Values Eco-friendly Women’s health company Your Daye uses a blend of pastels and earthy tones for its analogous color scheme, The effect is soothing and pleasing to the eye. How to Choose a Color Scheme 2. Leverage natural inspiration 2. Set mood for your color scheme. 5, Consider color conte. 4. Refer to your color wheel 8. Draft multiple designs. 1. Leverage natural inspiration. Once your site operations are sold, it's time to start selecting colors Not sure what looks good? Take a look outside. Nature is the best example of colors that complement each other — from the green stems and bright blooms of flowering plants to azure skies and white clouds, you can't go wrong pulling context from natural colors and combinations. 2. Set a mood for your color scheme. With a few color choices in mind, consider the mood you want your color scheme to set. If passion and energy ore your priorities, lean more toward red or brighter yellows. If you're looking to create c feeling of peace or tranquility, rend toward lighter blues and greens. I's olso worth thinking negatively. This is because negative space — in either black or white — can help keep your design from feeling too cluttered with color. 3. Consider color context. poletes in an 1's also worth considering how colors are perceived in contrast ACCESS NOW tips:ifolog.hubspot comimarketing/color-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’h2FS307%2Fbid%.... 14/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes In the image below, the middle of each of the circles is the some size, shape, and color. The only thing that changes is the background color. Yet, the middle circles appear softer or brighter depending on the contrasting color behind it. You may even notice movement or depth changes just bosed on one color change, This is because the way in which we use two colors together changes how we perceive it. So, when you're choosing colors for your graphic designs, think about how much contrast you want throughout the design. For instance, if you were creating a simple bar chort, would you want a dark background with dark bars? Probably not. You'd most likely want to create a contrast between your bars and the background itself since you want your viewers to focus on the bars, not the background. 4, Refer to your color wheel. Next, consider your color wheel and the schemes mentioned above. Select « few different color combinetions using sschemes such as monochrome, complementary, and triad to see what stands out. Here, the goal isn’t to find exactly the right colors on the first try and create the perfect design, but rather to get a sense ‘of which scheme naturally resonates with your personal perception and the look of your site, You may also find that schemes you select that look good in theory don't work with your site design. This is part of the process — trial and error will help you find the color palette that both highlights your content and improves the user experience. 5. Draft multiple designs. Draft ond apply multiple color designs to your website and see which one(s) stand out. Then, take a step back, wait a few days and check again to see if your favorites have changed, Here's why: While many designers go in with a vision of what they want to see and what looks good, the finished product often differs on digital screens thar physical color wheels — what seemed like a perfect complement or an ideal color pop may end up looking drab or dated. Don’t be afraid to drat, review, draft again and throw out what doesn’t work — color, like website creation, is @ constantly evolving art form, Jse HubSpot's Color Palette Generator to help. The Color Palette brand's primary color. Then, choose complementary colors. The software wil sie 1 your bu {add neutral tones to your primary and complementary colors. You can custo! [ACCESS NOW How to Use Color Palettes tips:ifolog.hubspot commarketinglcolor-theory-design7hubs_content=blog.hubspot.com2Fmarketing2Fblog%2Ftabid’h2FS307%2Fbid%.... 15/1919.02.202621:15 Color Theory 101: A Complete Gude to Color Wheels & Color Schemes \While color schemes provide a framework for working with different colors, you'l still need to use a color palette — the colors you will select to use for your project. If you're stumped about what colors to use, consider using a palette generator to get your creativity flowing. Here are some best practices to make the most out of your color palette: 1. Work in grayscale. This may sound counter-intuitive but starting with black and white can help you see exactly how much contrast exists in your design, Before getting started with coler, it's important to lay out all the elements like text, CTAS, illustrations, photos, ‘and any other design features. The way your design looks in grayscale will determine how well it looks in color Without ‘enough light and dark contrast, your design will be hard to view, leaving your audience with a less than satisfactory user experience. Low contrast designs also make them inaccessible for those with a vision impairment. 2. Use the 60-30-10 rule. Often used in home design, the 60-50-10 rule is also useful for website or app design.< (60%: primary oF main color 30%: secondary colors 10%: accent colors While you're certainly not limited to using just three colors, this framework will provide balance and ensure your colors work together seamlessly. 150+ Free Content Creation Templates [Access ebook, blog post, CTA, case study, and more content templates. (© Ebook Templates © TA Templates (© And more! jour Free Templates Learn more @ 3. Experiment with your palette. ‘Once you've made your color selection, experiment to discover which work better together. Consider how copy or type looks on top of your designated main color (60% is typically used as the background color), Try not to use your main colors for buttons since you're already using it everywhere else. Consider one of your accent colors instead 4. Get feedback or conduct A/B testing, So you've finished your draft. Now is time to test it. Before sending your design to market, you'll want to test how users interact with it, What may look good fo you, may be difficult to read for others. Some things 10 consider when asking for feedback: Are the CTAs generating attention? Are the colors you chose distracting? palettes in an instant to build @ unig Is there enough color contrast? Ts the copy legible? ACCESS NOW htips:ifolog.hubspot commarketinglcolor-theory-design7hubs_content=blog.hubspot com2Fmarketing2Fblog%2Ftabid’k2FS307%2Fbid%.... 16/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Getting another set of eyes on your design will help you spot errors or inconsistencies you may have missed in the creation process. Toke their feedback in stride and make adjustments where needed. Put simply? Practice makes perfect. The more you play with color and practice design, the better you get. No one creates their masterpiece the first time around, Color Tools There's been « lot of theory and practical information for actually understanding which colors go best together and why. But when it comes down fo the actual task of choosing colors while you're designing, i's always a great idea to have tools to help you actually do the work quickly and easily Luckily, there are a number of tools to help you find and choose colors for your designs. Adobe Color (One of my favorite color tools to use while I'm designing anything — whether it's an infographic or just a pie chart — Is ‘Adobe Color (previously Adobe Kuler) This free online tool allows you to quickly build color schemes based on the color structures that were explained earlier in this post. Once you've chosen the colors in the scheme you'd lke, you can copy and paste the HEX or RGB codes into whatever program you're using It also features hundreds of premade color schemes for you to explore and use in your own designs. If you're an Adobe User, you can easily save your themes to your account. Illustrator Color Guide I spend a lot of time in Adobe Illustrator, and one of my most-used features is the color guide. The color guide allows you 10 choose one color, and it will automatically generate a five-color scheme for you. It will also give you a range of tints ‘and shades for each color in the scheme. If you switch your main color, the color guide will switch the corresponding colors in that scheme. So if you've chosen a complementary color scheme with the main color of blue, once you switch your main color to red, the complementary color will also switch from orange fo green, Like Adobe Color, the color guide has a number of preset modes to choose the kind of color scheme you want. This helps you pick the right color scheme style within the program you're already using, After you've created the color scheme that yau want, you can save that scheme in the "Calar Themes” madule for vnil to. Use throughout your project or in the future. ACCESS NOW hitps:blog hubspot com/markstinglclor-theory-designhubs_content-blog hubspot.comYs2FmarketingYs2Fblog'k2Ftabid%2FB307%2FDId%.. 17/1919.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Preset Color Guides If you're not an Adobe user, you've probably used Microsoft Office products at least once. All of the Office products have preset colors that you can use and play around with to create color schemes. PowerPoint also has a number of color scheme presets that you con use to draw inspiration for your designs. Where the color schemes are located in PowerPoint will depend on which version you use, but once you find the color “themes” of your document, you ean open up the preferences and locate the RGB and HEX codes for the colors used. ‘You can then copy and paste those codes to be used in whatever program youre using to do your design work Finding the Right Color Scheme There's a lot of theory in this post, 1 know. But when it comes to choosing colors, understanding the theory behind color can do wonders for how you actually use color. This can make creating branded visuals easy, especially when using design templates where you can customize colors. Ealtor’s note: This article was originally published in June 2021 and has been updated for comprehensiveness, — Peirce Peery ones Soares Renner RY oa tips:ifolog.hubspot com/marketinglcolr-theory-design7hubs_content=blog.hubspot.com2Fmarketing2Fblog%2Ftabid’K2FS307%2Fbid%.... 18/19 ACCESS NOW19.02.2024 21:15, Color Theory 101: A Compote Guide to Color Wheels & Color Schemes Don't forget to share this post! Related Articles < > 14 Essential Design Tips for 50 Unforgettable Color Palettes Targeted Advertising Beginners: Transform Your to Help You Design Your Own Guide to Reaching Yor Skills and Create Stunning Customers Graphics Nov 10,2025 ‘aug 04,2028 Moy 27,2022 ACCESS NOW hitpsblog hubspot com/markstinglclor-theory-designhubs_content-blog hubspot.comYs2FmarketingYh2Fblog'k2Ftabid%2FB307%2FDId%... 19/19