# ColorPicker with alpha?

**URL:** <https://discourse.processing.org/t/colorpicker-with-alpha/39521>\
**Category:** Libraries\
**Created:** [October 31, 2022, 3:01pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521 "2022-10-31T15:01:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chris/32/17315_2.png) [@Chris](https://discourse.processing.org/u/Chris)\
**Post date:** [October 31, 2022, 3:01pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521/1 "2022-10-31T15:01:42Z")

</div>

Hello.  
What about `createColorPicker’ with RGBA mode ?  
It could be great to have this option (ARGB+Alpha)  
What do you think about ?  
Thanks.  
Chris

---

<div class="post-metadata">

**Author:** ![javagar](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/javagar/32/11434_2.png) [@javagar](https://discourse.processing.org/u/javagar)\
**Post date:** [November 1, 2022, 12:38pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521/2 "2022-11-01T12:38:35Z")

</div>

Hello, @Chris, and welcome to the Processing Foundation Forum!

> [@Chris](#):
>
> … `createColorPicker’ with RGBA mode ?

That’s an interesting idea.

Generally, with color pickers, one can choose a color either by specifying numbers for each component, or by choosing visually by clicking within a displayed continuum of blends. For the former, an enhanced color picker could allow a user to choose four numbers for red, green, blue, and alpha, respectively. What would you recommend regarding representing alpha visually within a continuum of colors in an enhanced color picker? Because the alpha component manifests itself by enabling an underlying color to show through by varying degrees, it seems a challenge to cleanly distinguish the color choice from the underlying background. Perhaps, though, we can come up with be an effective way to do this. Maybe this can be accomplished with a slider that varies the alpha value of a candidate color while it is superimposed on a known and specifiable background color.

---

<div class="post-metadata">

**Author:** ![debxyz](https://avatars.discourse-cdn.com/v4/letter/d/58956e/32.png) [@debxyz](https://discourse.processing.org/u/debxyz)\
**Post date:** [November 1, 2022, 1:31pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521/3 "2022-11-01T13:31:14Z")

</div>

Greetings!

> [@javagar](#):
>
> Perhaps, though, we can come up with be an effective way to do this. Maybe this can be accomplished with a slider that varies the alpha value of a candidate color while it is superimposed on a known and specifiable background color.

Not sure if this a relevant comparison. But would this be similar to the tweak mode in Java processing?

🤓

---

<div class="post-metadata">

**Author:** ![mnse](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mnse/32/16520_2.png) [@mnse](https://discourse.processing.org/u/mnse)\
**Post date:** [November 1, 2022, 2:36pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521/4 "2022-11-01T14:36:23Z")

</div>

Hi,

Why reinvent the wheel? There are already a lot of good, freely usable, color pickers with alpha support…

Here are two of the best …

> **[GitHub - mdbassit/Coloris: A lightweight and elegant JavaScript color picker....](https://github.com/mdbassit/Coloris)**
>
> A lightweight and elegant JavaScript color picker. Written in vanilla ES6, no dependencies. Accessible. - GitHub - mdbassit/Coloris: A lightweight and elegant JavaScript color picker. Written in va...

> **[GitHub - Sphinxxxx/vanilla-picker: A simple, easy to use vanilla JS color...](https://github.com/Sphinxxxx/vanilla-picker)**
>
> A simple, easy to use vanilla JS color picker with alpha selection. - GitHub - Sphinxxxx/vanilla-picker: A simple, easy to use vanilla JS color picker with alpha selection.

Cheers  
— mnse

---

<div class="post-metadata">

**Author:** ![Chris](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chris/32/17315_2.png) [@Chris](https://discourse.processing.org/u/Chris)\
**Post date:** [November 8, 2022, 3:44pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521/5 "2022-11-08T15:44:10Z")

</div>

Yes mnse, you’r right. We can add some library for that. And thank your for your beautiful exemples. My answere was about the “createColorPicker” included in P5. It could be added with a simple slider for alpha.