Looking to Hire Someone to Build a Plugin - Pick Color From Image

I’m well into my app build, but don’t know enough about Java to build the plugin I need.

I’m looking to integrate this into a plugin: https://www.cssscript.com/pick-a-color-from-an-image-using-canvas-and-javascript/

I know there are color pickers out there, but none of them have a consistent clean interface with an eye dropper. My hope is to be able to select a color from an element (specifically a fabric.js canvas, but that might not be an important detail.).

The functionality should be fairly simple. I need to be able to do the following:

  1. Input an elementID of where the color picker will be active.
  2. Get a color in hex format when clicked.
  3. Ideally show a magnifying glass as shown in the example link above.

If you think you can tackle this job let me know! I’m happy to provide more details as needed.

Thanks.

1 Like

Hey @nate8,

I’d love to understand a little more about your use-case - is this something just for you or is this something you’re looking to productise on the Bubble plugin store? You can just embed this code into your project and stylise it as you wish. The only trick is that the images need to be encoded into Base64, so we’d need to probably use an API for that - i.e. send over image files and get back Base64 (it’s essentially turning that image file into a bunch of code). But other than that this one won’t break a sweat :grinning:

Here’s an example Your Bubble app

Cheers,
Josh


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

Josh,

This is incredible! Thank you so much. Is it possible to use the “Encoded in Base64” feature when we place an image to achieve the Base64 encoding?

Screen Shot 2022-04-19 at 5.22.58 PM

Also, I just need to implement this for myself. No need to put it on the Plugin Store for sale.

I can’t see why it wouldn’t if you’re uploading images encoded correctly in the first place. Although, I can’t see a way to do this if you’re leveraging images stored as images without converting them first. But I assume they’re fresh images?


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

Yes, they would be fresh images. I would definitely be sure to encode them as they are being uploaded, if that’s what I need to do.

1 Like