Complete Tools

Material Color Generator

Create a variety of material colors at random

Color Tools

Color Info


What are Material Colors?

Google's material design language uses material color. Google's material color palette offers a collection of colors that are commonly seen in Android apps and material UI.

When it comes to using colors in your mobile or web applications, material colors are the way to go.

What is the Material Color Generator?

Material Color Generator is a free online tool that allows you to create a random material color.

Every time the page is loaded, a new random material color is generated; alternatively, the Random Material Color button can be used to generate a new random material color without reloading the page.

How to generate Material Colors?

To create a random material color, we begin by selecting a random color hue, such as Blue, Green, or Red. Then we choose a random material hue from Google's list, such as 100, 200, or 300. We get a random material color using this random pick, which you can then convert to your own format, such as HEX or RGB.

The Material website has a complete list of material colors.

How to use Material Color Generator?

  • When you load this page, a new random material color will be generated for you.
  • You can also use the Get a New Random Material Color button to get a random material color.
  • Copy the value of the selected color in HEX, RGB, HSL, or HSV by clicking it.
  • The value will be copied to your clipboard straight.
  • You can manually copy values to the clipboard if your browser does not enable transferring values to the clipboard via script.


  • color: 🌈 Javascript color conversion and manipulation library.


Complete Tools

Copyright © 2022 Complete Tools. Unless otherwise noted, all code MIT license.

Made with by Complete JavaScript