how to create Color Palette or custom colors

[amrinder kamboj]

Hello Guys,
any idea how to create color palette as shown in attached file, i want to select particular color when clicked then set it canvas color.
I am able to create a sort of this stuff but not exactly like this....i have to create individual blocks for each color :( .... .i want to avoid creating such mess

any help would be appreciated

thnks

[Taifun]

see Scott's examples https://groups.google.com/forum/#!searchin/app-inventor-developers-library/color$20picker

Taifun

---

Trying to push the limits of App Inventor! Snippets and Tutorials from Pura Vida Apps by Taifun.         

[Gareth Haylings]

An easier way to do this is to use a canvas and set the Canvas.BackgroundImage to the a picture of the color chart. In you block code add the following

Hope This helps

[Scott Ferguson]

If you want to use the palette in your Capture.PNG image then you can place that image as the background of a canvas.

When the user touches it, use the Canvas Touched event block to get the Canvas GetPixelColor (x,y) of the touched point.

That color value can then be used anywhere a color is needed.

---

sf

[amrinder kamboj]

hi Scott/Taifun, I used the block that you mentioned but it doent seem to working.

Image1 is the capture.png 

i m using Samsung Galaxy Express GT-i8730 ( 4.1.2)

[Gareth Haylings]

Hi

The reason it is not work is because you can't change the canvas.backgroundcolor when you have a canvas.backgroundimage set.  To correct this you need to set you canvas.backgroundimage="" after the canvas.getbackgroundpixelcolor as below

Hope this helps

[amrinder kamboj]

Thanks Gareth .... it worked