Colour
Colour
Colour is a fundamental element of graphic design that holds immense power in conveying emotions, creating visual impact, and guiding the viewer's perception. Understanding colour theory is essential for every graphic designer, as it allows you to harness the potential of colours to communicate effectively.
You're likely familiar with the concept of primary colours and secondary colours, but the world of design is actually much more complicated, as we also need to factor in the media that we are designing for.
The additive colour model (RGB) is used for digital displays and works by combining red, green, and blue light to create a wide range of colours. As you increase the intensity of these three colours, you move towards white. The subpixels in the display you're reading this on can independently increase or decrease brightness of red, green, and blue to create 16,777,216 colours (each subpixel can have a brightness setting anywhere from 0 to 255)
On the other hand, the subtractive colour model (CMYK) is used in printing. It involves mixing cyan, magenta, yellow, and black inks. As you add more colours in this model, you move towards black. This is because printed materials start with a white background, and the inks subtract or absorb light to create colours.
When designing on a computer, you'll be working with RGB colour values which are often expressed HEX notation, which is six alphanumeric values following a # sign. When looking for colours to use in your designs, you'll want to copy these HEX values across programs to ensure you're getting the exact colour. The simulation next to this text shows how HEX values change, and how CYMK values can also be approximated using this system.
Understanding the difference between RGB and CMYK is crucial when designing for digital platforms versus print materials. RGB colors often appear brighter and more vibrant on screens, while CMYK colors are better suited for achieving accurate printed results. When designing for digital platforms, you can take advantage of the full RGB color spectrum. In print design, however, you need to be mindful of how colors will convert from RGB to CMYK during the printing process
In colour theory, we start with three primary colors: red, blue, and yellow. By combining these primary colors, we create secondary colors: orange, green, and purple. This color wheel forms the basis of color mixing.
Complementary colours are pairs of colors that are opposite each other on the color wheel. When placed together, complementary colors create visual contrast and enhance each other's vibrancy. Analogous colours are hues that occupy similar spaces on the colour wheel and can elevate a particular mood or style associated with that colour. Monochromatic colours belong to the same hue, but have different saturation and brightness values. It creates a simple and elegant look with a unified feel. Split complementary schemes combines a base color with two colors adjacent to its complementary color, providing contrast while maintaining harmony. Lastly, a triadic or tetradic colour scheme consists of three or four colors equidistant from each other on the color wheel. They offer a vibrant look but can be quite visually busy if overused.
A colour palette is a group of 3-5 colors that are visually pleasing and balanced. Sticking to these same 3-5 colour values for a project (instead of blindly selecting a "green" for example) helps develop a sense of uniformity and cleanliness that helps your design's overall effectiveness. Color harmonies. Understand the goals and emotions you want to convey through your design. Is it a cheerful and vibrant campaign, or a serious and professional business presentation? Choose a base color that represents the project's core message. Use the embedded tool next to this page to help you generate some random colour values. Depending on your project's needs, select a color harmony (monochromatic, analogous, complementary, triadic, split-complimentary, etc.) that aligns with your objectives.
Hue refers to the pure, dominant colour of an object, e.g. where it is in a linear rainbow. Saturation describes the intensity or vividness of a colour, ranging from a vivid, pure colour to a more muted, grayish version. Value (or brightness) refers to the lightness or darkness of a colour. Use the sliders below to see how each value affects the resulting colour. You'll see these HSV values represented in addition to RGB and CMYK values.
The choice of text colour in relation to its background can significantly impact how well your message is conveyed from accessibility standpoint in addition to how visually appealing your design appears.
Using high-contrast text (e.g., black or white) on a background color with significant contrast (e.g., dark text on a light background or vice versa) enhances legibility. It ensures that text is easily distinguishable, even for people with visual impairments.
Contrast between text and background can be used strategically to emphasize certain elements of your design or convey a particular mood. High-contrast text commands attention, while low-contrast text can create a subtle and calming effect.
Approximately 5% of the world population also experience some level of colour blindness. Contrary to popular belief, this doesn't mean affected individuals cannot see colour, but may have sensitivities to certain colours, making them appear similar to other colours. You can use this tool to determine if any two colours present difficulties for accessibility.
In approximately 200 words, analyze or critique a design of your choice (it could be an advertisement, a website, poster, any visual content). Include a picture of the subject of your reflection in your submission.
Upload the design you're critiquing to a colour picker, state the HEX (e.g. #a1a1a1) values for the main colours in the design's palette. What kind of colour harmony does this palette utilize? Reflect on how the colour choices in the design enhance its message and appeal. Consider whether the colors effectively convey the intended mood or emotions. What is this design trying to convey with it's choice of colour? What considerations have been made? How could you improve the color choices to better align with the design's purpose?
Upload your completed reflection to the virtual classroom space.