Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2011-02-07 01:40:41

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Extract colors from an image and use it like background color

Hi! I want to extract colors from some image and use it in its background like http://veerle.duoh.com/inspiration/ I tried this (see link) but I don’t know how to use the less common or some random colors from its color scheme (of the image): http://www.coolphptools.com/color_extract

Any ideas?

Thanks in advance!

Offline

#2 2011-02-07 04:18:00

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: Extract colors from an image and use it like background color

Not sure I understand the question. Are you looking for something like this jquery plugin?


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#3 2011-02-07 09:27:55

Zanza
Plugin Author
Registered: 2005-08-18
Posts: 699
Website

Re: Extract colors from an image and use it like background color

I think the request is different from the (nice, and useful too, from my pov) jquery plugin, Matt. http://www.coolphptools.com/color_extract functionality could be useful in some situation, I agree. I’ve seen this implemented in some WP themes. Even if I don’t use them, I see that as a “wow” functionality for basic user/client, or for some inspiration pages like veerle’s one. I just don’t get where Robhert needs this implemented. In image tabs? In article images? in public side?

Offline

#4 2011-02-08 03:15:13

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Re: Extract colors from an image and use it like background color

Thank you for replying! I wanted to use the “extracted color” in a div. Something like Veerle’s page. (<div style=“background-color:#{extracted color}”>)

Well, I asked to Veerle and she said: “I manually pick a color that I like out of the illustration or picture. I put in the hexadecimal value in a special field in EE”

So, if there is not solution out there, I have to do the Veerle’s way.

What http://www.coolphptools.com/color_extract does is output the “most common” color of an image and show the desired number of colors. So, if I just want to use one color for be used in a background color inside a div it should be the “most common” that usually is a “black” or “white color”… but I want to use a “random” color, so, i think, it would be nice.

Offline

#5 2011-02-08 17:36:57

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: Extract colors from an image and use it like background color

I’d thought of creating a plugin similar to my color picker plugin but using the jquery dropper plugin mentioned above. Would that help?

I imagine it would have to display the article image and you could pick a color from it which would then populate a custom field that your article form could put in the div style.


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#6 2011-02-08 19:05:01

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Re: Extract colors from an image and use it like background color

Yes! That would be awesome! Please!!! Thank you very much!!!

Offline

#7 2011-02-16 00:51:20

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Re: Extract colors from an image and use it like background color

Hi Matt, would you create it? (Image color picker plugin) Please, let us know!

Regards!

Offline

#8 2011-02-16 07:30:30

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: Extract colors from an image and use it like background color

I started looking at it but haven’t had much time.


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#9 2011-02-16 22:27:55

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: Extract colors from an image and use it like background color

One possible issue is the plugin I mentioned above does not support IE. Let me know if that’s a deal breaker.


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#10 2011-02-17 01:04:07

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Re: Extract colors from an image and use it like background color

I use Safari on MacOS X, so, I think, I won’t miss it!

Offline

#11 2011-02-17 17:57:10

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: Extract colors from an image and use it like background color


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#12 2011-02-19 03:12:10

robhert
Member
From: Perú
Registered: 2007-04-27
Posts: 204
Website

Re: Extract colors from an image and use it like background color

I’m waiting for saturday afternoon to test it! Thank you very much Matt!

Offline

Board footer

Powered by FluxBB