# Flat Design color picker dropdown

**URL:** <https://community.glideapps.com/t/flat-design-color-picker-dropdown/71571>\
**Category:** Community Resources\
**Tags:** computed-columns\
**Created:** [March 10, 2024, 8:38pm UTC](https://community.glideapps.com/t/flat-design-color-picker-dropdown/71571 "2024-03-10T20:38:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![christian\_k](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christian_k/32/49583_2.png) [@christian\_k](https://community.glideapps.com/u/christian_k)\
**Post date:** [March 10, 2024, 8:38pm UTC](https://community.glideapps.com/t/flat-design-color-picker-dropdown/71571/1 "2024-03-10T20:38:16Z")

</div>

If your app leverages the “image from color” column and uses colourful containers or headers, this might be for you.

So how can the user pick a color? → They can just simply insert a hex code into a field, but who knows hex?? OpenAI can generate a hex code for users, but that would be over engineered in my opinion.

So let’s give the user options (via pick component or custom action).

I guess when you want to have a proper color scheme for your app, you may want to head to this website and find complementary colours: [https://coolors.co](https://coolors.co)

You can then create a custom list of hex codes in a table and let users pick one of them.

Since I want to give users ALL available colours - or at least a longer list to choose from - I searched the internet and found many lists of hex codes.

The problem is: How to sort them in an appealing way? We do not want to give users an ‘messy’ list of options with random colors. Sorting by hex code does not work. I found complicated algorithms on the web - but no way to do it quickly. So in the end I got inspired by this website: [Color Chart — HTML Color Codes](https://htmlcolorcodes.com/color-chart/)

 ![Screenshot 2024-03-10 at 21.28.56](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/f/ff177d8e58edc80a200c50f8357a304b9da8bb33.png)

I think flat design describes Glide quite well (can some designer please comment on this?). So I extracted the list of Flat Design color options and put it into a CSV file. You can use it, too: You can import it as a table. Or you can further reduce the number of options by filtering certain weights.

Here is the CSV: [Flat Design Colours 2.csv - Google Drive](https://drive.google.com/file/d/1toFVU69YlU7o4oBb0wskdq93FCCVPRGi/view?usp=sharing)

Hope this is helpful.