The example Disney quote from the movie Coco was created in Google Slides with a focus on color and font choice.
Color communicates mood and tone. Color also makes the text readable. In this example, the Mexican inspired colors are both vibrant and inviting.
Each Google App has the ability to change the color of text, shapes, and Word art. This includes 90 built-in solid colors and 56 built-in gradient colors. These numbers do not include customizations, which will be discussed further down the page.
Change Fill Color
- Select the object or text.
- Click on the Paint icon (Fill color).
- Select a color of your choice.
- Select the Pencil icon (Border color).
- Choose the line color of your choice.
Colors can be outdoorsy and natural, fun and tropical, or sleek and modern. To improve your graphic designs, you can learn Color Theory or you can use professionally combined palettes such as Canva's 100 Color Combinations. The colors are written with a number sign and 6 digits for RGB (Red, Green, Blue) called hex codes.
You can also find your favorite graphic, such as Coco's movie title, and use a color extension to determine the code codes, which will also be discussed in this section.
What is a Hex Code?
A hex code is a 6 alphanumeric digit code for a color. The first two numbers/letters represent red, the next two represent green, and the last two represent blue, also known as RGB. The color code begins with # sign followed by the 6 digit hex code.
Google apps will automatically add the last two digits. When the code is 8 digits long, the last 2 digits are opacity. Use the slider on the far right to adjust transparency.
ff = solid <--> 7c = halfway transparent <---> 00 = solid
Custom Color in Google Apps
- Select the object you want to color.
- Click Fill bucket icon. This menu is also under Border color pencil icon or Background -> color.
- At the bottom of the new menu, select Custom.
- Type the 6 number/letter hex color.
- Select OK.
Colorzilla Chrome extension
- Select the Colorzilla extension in the upper right corner.
- Click Page color picker.
- Move the + cursor over the page until you find the color you want. Then click once.
- Open the Paint, line, or font color and paste the Custom color.
- Repeat the process as many times as you like for other objects and text on the page.
A gradient color begins with one color and moves through a progression of colors to the last specified color. You can use Google apps default gradients or customize using uigradients.com. Thank you, Tony Vincent, for sharing this resource.
- Select the object.
- Click on the Fill color icon.
- Select Gradient.
- Click on Custom +.
- Select on the button on each end of the line. Change the color on each side. Add steps as desired.
- Click okay.
- The final product will have multiple related colors.
You can also experiment with the type and angle of the gradient. Linear is the default but radial is another option.
What happens when you find color combinations you like? You can either take out a physical notebook and handwrite the hex codes or you can store them for future use. Below are two options to organize color combinations.
Google Keep allows users to gather notes using the Google Keep app or extension. These notes can then be viewed on the sidebar of Google Slides. Use Google keep to store hex codes of favorite color combinations with a link to the website. Try out the extension with Canva's 100 Color Combinations and this template.
The Paletti Slides add-on allows the user to experiment with over 200 color combinations using the Arrow icon. The options are even greater when the user clicks the Shuffle icon. Use the Wand icon to add the color combination to the entire Slides. Use this template to practice the add-on. Remember, focus on color contrast to increase legibility. This add-on is not necessarily easy-to-use.
- Beginning Graphic Design: Color by GCFLearnFree.org
- 5 Forbidden Color Combinations | Graphic Design Tips from PrintPlace.com
- How to Grab Any Color Code in Colorzilla (Chrome Extension) by TechStacker
- How Do HEX Color Codes Work? (in 60 seconds) by Poly Matter
- 6 Powerful Google Keep Add-ons (And Two Hidden Features) by Dottotech
- Color Wheel by Canva Learn
- Psychology Of Color In Logo Design by The Logo Company
- Basic Color Theory by Color Matters
- 100 Color Combinations by Janie Kliever
- Color Combinations by Canva Learn
- Color Hex Color Codes
- Color Printing Design Guide by PFL
- Horse of a Different Color: An Introduction to Color in the Visual Arts by EDSITEment (2 lessons)
Updated October 3, 2020.