Google’s New Color Tool

Google’s New Color Tool

Google has launched their new color tool, to help and enhance the designer experience. It comes with the Material Design package. Material design is evolving and this is yet another step. Like the shift from prehistoric look of web pages to the fresh and new look of current web pages, Material design is paving way for designers to make their websites and apps more colorful.

Why should I go after colors?

Color is a crucial part of any Graphical User Interface. The innovative ideas of any programmer can have a tragic end depending on the color choices of the designer because color is what attracts any human. Moreover, any designer without a good choice of color is considered as one who lacks creativity. Color has a huge effect on the readability and usability of a website or android app.

Why Google Color Tool?

This color tool, like any others, helps in making good color choices. This helps us to experiment different colors choices in real-time. It also helps us know how accessible our color choice is. It shows us a demo of how our interface might look in the chosen color.

How to use it?

Pick a primary color

From the given palette, user should pick a color which he plans to use as the main color of his/her website.

Pick a secondary color

Using the same palette, pick another color that goes with the primary color and can be used for icons and other elements.

User Interfaces

Six demos of user interfaces will be shown, each displaying different general interfaces that might appear in an android app. This shows how the primary and secondary colors will look together in an app. These same choices are applicable for websites as well.

Accessibility check

This shows how text contents will look on your website with the chosen color in background. Once you choose the accessibility tab, you can see various permutations of the color and text applied. Various shades of the color: primary, light and dark will be displayed. Then a demonstration of black and white texts in both large and normal fonts will be shown on each of these shades. It also specifies the opacity factor to be used and legitimate color combinations.

Let’s be part of this evolution

When material design is pioneering new technologies to make the task of designers simpler and better, as web designers let us make proper use of all these tools and be part of this design evolution. Use Google Color Tool for your websites and make it more readable and legible to the users. Contact us for any guidance and help.

Read More

Leave a Comment