# AI/Thunkable Color to Hex **URL:** \ **Category:** Promote your App\ **Created:** [June 4, 2017, 1:26am UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186 "2017-06-04T01:26:27Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Italo](https://avatars.discourse-cdn.com/v4/letter/i/cdc98d/32.png) [@Italo](https://community.thunkable.com/u/Italo)\ **Post date:** [June 4, 2017, 1:26am UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186/1 "2017-06-04T01:26:27Z")
A little procedure to convert the strange color notation AI/Thunkable uses to hex. I know there must be an extension already to do this, but if you are like me, and like to get your hands dirty and learn a thing or two while making something, you will find this interesting. After all, that was the initial purpose of App Inventor, to teach people how to CODE solutions and not give them everything done. Let me know if you find any errors. * * * ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/f/fdfc0c6d03cff8507e002ee703f3ab77e2f0b535.PNG) * * * ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/9/9983df90d4dca625dd9c3cbe365b998c044b8130.PNG) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/a/ad3f89123f94a740b71264d641683caa03455b4b.PNG) Color numbers list here: [App Inventor Color Chart](http://appinventor.mit.edu/explore/app-inventor-color-chart.html) * * * ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/0/02454877694e705af34746b2d560cbd1f910bb28.PNG)[ColorToHexProcedure.aia](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/b/b16bf64f3846e0a76c0115a9e6115591224d4013.aia) (23.4 KB) ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [June 4, 2017, 8:03am UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186/2 "2017-06-04T08:03:43Z")
There is a much simplier way to do so using @Helios extension 😉 [http://community.thunkable.com/t/colours-extension/2513/?u=barreeeiroo](http://community.thunkable.com/t/colours-extension/2513/) ---
**Author:** ![Italo](https://avatars.discourse-cdn.com/v4/letter/i/cdc98d/32.png) [@Italo](https://community.thunkable.com/u/Italo)\ **Post date:** [June 4, 2017, 9:17am UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186/3 "2017-06-04T09:17:02Z")
Have you read the part of my post that says " I know there must be an extension already to do this, but if you are like me, and like to get your hands dirty and learn a thing or two while making something, you will find this interesting. After all, that was the initial purpose of App Inventor, to teach people how to CODE solutions and not give them everything done." ?? Extensions are useful to do things that otherwise can not be done with blocks, because that’s what App Inventor/Thunkable is about. LEARN TO CODE. Besides now that I check, I don’t see a direct color to hex function in that extension. ---
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [June 4, 2017, 10:08am UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186/4 "2017-06-04T10:08:07Z")
@Italo Great work! 🙂 That’s great knowledge. Thanks for sharing it with the community 🙂 ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 12:06pm UTC](https://community.thunkable.com/t/ai-thunkable-color-to-hex/4186/5 "2024-11-08T12:06:37Z")