DEV Community

Ayevbeosa Iyamu
Ayevbeosa Iyamu

Posted on • Updated on

How I Discovered the Android Studio Colour Picker Tool.

Hey everyone, I'd like to share something I recently discovered. You may have come across it before or probably, like me you didn't know it existed.

Yes! now to the (not-so) big discovery, it was a normal day of work on Android Studio I was getting frustrated with choosing a colour for the project I was working on and in a moment of brilliance I discovered the colour picker!

Now you're wondering how did this show up, well simple click on the small square colour on the left in your colors.xml file or anywhere you store your colour resource and ta da! the colour picker dialog shows up. One cool thing to note is once you've selected a colour, Android Studio automatically replaces your new colour selection in HEX form which is of course just exactly the format we need.

Alt Text

Alt Text

Well this is looking great! We can also do few things on the colour picker dialog, I am just gonna run through the few I noticed.

  • You can choose the the level of tint (Material 50 - Material 900) and also from the A-Series (Material A100, A200, A400 & A700).
  • If Material colours do not do it for you and you are more of an ARGB or RGB person, well Android Studio got you covered.
  • You can also manually edit the colour in HEX and see how it looks like before saving.
  • And the old fashioned way of dragging the colour picker is also for your choosing.

And guess what, that's not all. In your other resource files where you reference colours like your styles.xml file or even in any of your layout files, you can choose any colour or even a colour resource you've previously created.

If you found this really helpful, why not share and show some love!

Till we see again πŸ‘‹.

Top comments (0)