How To Use Material Design Color Picker Tool ?

This website is made for developers and designers who want quick access to the color codes provided by Google for Material Design. You can click on the color box and respective color code will be automatically copied to your clipboard.

Color Formats
You can change the color format you want to use by changing the selection in right side of the header. You can switch between HEX, #HEX, RGB and RGBA

Access Specific Color Palette
You can also access specific color palette with the URLs.
For Red Color Palette : materialui.co/colors/red
For Deep Purple Color Palette : materialui.co/colors/deep-purple
For Red 500 Color Palette : materialui.co/colors/red/500

Got It ! Take me to the tool.

6 Comments


  1. Great!

    But how do I select multiple colors?

    Reply

  2. Once I select colors, what is the best way to apply them to a site? (Please don’t just link google material design :))

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *