# Color converter (RGB, HEX, any)

**URL:** <https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [December 15, 2020, 2:20pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527 "2020-12-15T14:20:12Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![gcherepennicov3u1](https://avatars.discourse-cdn.com/v4/letter/g/e274bd/32.png) [@gcherepennicov3u1](https://community.thunkable.com/u/gcherepennicov3u1)\
**Post date:** [December 15, 2020, 2:20pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/1 "2020-12-15T14:20:12Z")

</div>

Hello all,  
I’m trying to make a color converter, but the “split color” was removed from Thunkable X. Does anyone know how to convert color to text?

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [December 15, 2020, 5:20pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/3 "2020-12-15T17:20:08Z")

</div>

Not sure what you mean but here are three ways you can assign color to an element:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/1/2113d4f08f9e02d6830501118723a466334e81b4.png)

If you wonder how you can convert hex to rgb and the other way around, you can easily use an online service or check the color conversion when setting the color of any element:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e4c48771e8f50e44abd9502f9c1281eadfcacb8b.jpeg)

Does this help?

---

<div class="post-metadata">

**Author:** ![gcherepennicov3u1](https://avatars.discourse-cdn.com/v4/letter/g/e274bd/32.png) [@gcherepennicov3u1](https://community.thunkable.com/u/gcherepennicov3u1)\
**Post date:** [December 15, 2020, 8:52pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/4 "2020-12-15T20:52:56Z")

</div>

![Скриншот 15-12-2020 234730](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/0/d0ec62a98affd3910d172d95fc08e1df3f82104f.jpeg)

No, i got color from canvas and want to convert it in the RGB or HEX code but no idea how to do it without “split color”

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [December 15, 2020, 9:03pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/5 "2020-12-15T21:03:38Z")

</div>

@gcherepennicov3u1,

What happens if you set the label 1 text property to the color?

---

<div class="post-metadata">

**Author:** ![gcherepennicov3u1](https://avatars.discourse-cdn.com/v4/letter/g/e274bd/32.png) [@gcherepennicov3u1](https://community.thunkable.com/u/gcherepennicov3u1)\
**Post date:** [December 15, 2020, 9:20pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/6 "2020-12-15T21:20:51Z")

</div>

I can`t put it there

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [December 15, 2020, 9:29pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/7 "2020-12-15T21:29:11Z")

</div>

Try creating a variable. Put the color in the variable, then set the text to the variable.

If that blows up, try putting a GENERATE JSON FROM OBJECT block between the text property and the variable.

---

<div class="post-metadata">

**Author:** ![gcherepennicov3u1](https://avatars.discourse-cdn.com/v4/letter/g/e274bd/32.png) [@gcherepennicov3u1](https://community.thunkable.com/u/gcherepennicov3u1)\
**Post date:** [December 15, 2020, 9:36pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/8 "2020-12-15T21:36:24Z")

</div>

Unfortunately, this did not help. It is not possible to put the color in the object CONVERT OBJECT TO JSON

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [December 15, 2020, 10:13pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/9 "2020-12-15T22:13:05Z")

</div>

@gcherepennicov3u1,

Here is a link to a remixable project illustrating how to get the color from a visible component as well as a few screen shots  
[https://x.thunkable.com/copy/ae4df5196c978a765a7725bcf0768609](https://x.thunkable.com/copy/ae4df5196c978a765a7725bcf0768609)

**Designer**

 ![Screenshot_20201215-141041_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/6/560c08d8a51e311a5f93da1e3d8ab06eb65e45d2.jpeg)

**Blocks**

 ![Screenshot_20201215-141059_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/f/4fb862995ce54ce62aeeb2289ea5bb5133a8132e.jpeg)

**Runtime**

 ![Screenshot_20201215-141024_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/1/110b7de4433f1719884e67ee2735e57a91adbcd6.jpeg)

---

<div class="post-metadata">

**Author:** ![gcherepennicov3u1](https://avatars.discourse-cdn.com/v4/letter/g/e274bd/32.png) [@gcherepennicov3u1](https://community.thunkable.com/u/gcherepennicov3u1)\
**Post date:** [December 16, 2020, 7:15am UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/10 "2020-12-16T07:15:38Z")

</div>

That’s cool, thank you very much.

---

<div class="post-metadata">

**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:19pm UTC](https://community.thunkable.com/t/color-converter-rgb-hex-any/1036527/11 "2024-11-08T12:19:42Z")

</div>


