Automatically select the card background color according to the color tone of the image

ebekirbayar · March 24, 2019, 4:12pm

Hello friends,
I have a point in my development, I’m waiting for your help.

As you can see in the following image, the description field of the image is automatically created according to the main color of the image. How can I do that ?

tiptronic · March 25, 2019, 9:58am

Draw the image onto a canvas and parse the pixel-colors and see which color is strongest (or generate an average)

ebekirbayar · March 27, 2019, 2:35pm

How can I do that? Can you give me details? (code etc.)

Erik_Cornelisse · March 27, 2019, 5:31pm

You might have a look at Vibrant.js to get the prominent colours of an image but I haven’t used it myself. The API of Vibrant seems pretty straight forward and includes a simple example.

tiptronic · March 27, 2019, 7:33pm

Yes that one would do it…

ebekirbayar · March 28, 2019, 1:09am

Thanks ı’m try now. ı hope it’s works.