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 colors are both vibrant and inviting.

Fill Color

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

  1. Select the object or text.
  2. Click on the Paint icon (Fill color).
  3. Select a color of your choice.
  4. Select the Pencil icon (Border color).
  5. Choose the line color of your choice.

Color Combinations

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 size 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 be discussed in this section.

What is a Hex Code?

A hex code is a 6 digit number for a color. The first two numbers/letters represent red, the next two represent green, and the last two represent blue, also known as RGBThe colors were written in a # sign and 6 digit hex code.

What if the Hex Code has 8 digits?

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
  • 8f = halfway transparent
  • 00 = completely transparent

Custom Color in Google Apps

  1. Click Fill bucket icon. This menu is also under Border color pencil icon or Background -> color.
  2. At the bottom of the new menu, select Custom.
  3. Type the 6 number/letter hex color. The last two are opacity (transparency).
  4. Select OK.

Custom Gradient Color

A gradient color begins with one color 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.

  1. In Fill color, select Gradient.
  2. Click on Custom.
  3. Select the paint bucket icon.
  4. Type the first hex code. Click Okay.
  5. Select the other end of the spectrum and its paint bucket.
  6. Type the second hex code. Click Okay.
  7. 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.

Colorzilla Chrome extension

The colors for the "Coco" quote were “picked” from the original Disney using graphic Colorzilla Chrome extension

  1. Select the Colorzilla extension in the upper right corner.
  2. Click Page color picker.
  3. Move the + cursor over the page until you find the color you want. Then click.
  4. Open the Paintline, or font color and paste the Custom color.
  5. Repeat the process as many times as you like for other objects and text on the page.

Practice Color Choice

Use this template to practice your coloring skills. Each page has a different quote. Color the word phrases to help clarify the meaning and mood of the text.

Thank you, Darren Maltais, for this lesson!

Organization Ideas

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

This is an example of storing and using yearbook key information in Google Keep.

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.

Paletti Add-on

Palitti Add-on enables users to various color combinations.

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.

YouTube Playlist

  • 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
  • What Is A Hex Code? by sparky BITES

Websites

Resources

Fonts

Font choices set the tone of a design. Fonts can be serious or playful.