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 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 RGB. The 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
- 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. The last two are opacity (transparency).
- Select OK.
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.
- In Fill color, select Gradient.
- Click on Custom.
- Select the paint bucket icon.
- Type the first hex code. Click Okay.
- Select the other end of the spectrum and its paint bucket.
- Type the second hex code. 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.
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.
- 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.
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
- What Is A Hex Code? by sparky BITES
- Color Theory 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)