Download & Extend

Auto-Generate Color Schemes from uploaded Logo or other image

Project:Color.module: SoC 2008
Version:6.x-1.x-dev
Component:Miscellaneous
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active
Issue tags:auto-color, automatic, derived, Logo

Issue Summary

For many organizational sites, a logo already exists, and it’s desirable that the website be color-coordinated to the colors of the logo. Most well-designed logos in their base (unstylized) form have only a few colors and so usually exist as a .GIF or .PNG. Often a stylized form with sculpted lighting effects, drop shadows, etc. are used for the main display of the logo.

Rather than having to load the logo image in some image-handling program and viewing its palette or using an eyedropper or some such to try to determine the exact hexadecimal colors prevalent, why not allow the user to simply upload the plain version of the logo, not for display purposes, but for color analysis purposes?

If an indexed-color .GIF or .PNG, or even an .EPS or .AI or some such source file (remember, the intent isn’t to actually display this image file on the website! We’d let them upload a stylized 32-bit or 8-bit alpha transparency .PNG for that purpose!) is uploaded, determining the main colors should be easy. Say, for instance, we’re looking at the logo of a Mardi Gras Krewe that uses their specific shades of the traditional Mardi Gras colors: green, yellow/gold, and purple/violet. Simply uploading this logo might generate a color scheme with that specific green for body text and main graphical elements, yellow for block backgrounds and text when on dark backgrounds (because yellow is a light color — e.g. block headers), and violet for links and other graphical elements. Click a button or link to swap the derived colors around to different slots, to try other color schemes still based on the logo’s colors. Where a logo has only one or two base colors, your existing facility for deriving complementary, split-complementary, etc. colors would automatically be called upon.

For example, look at the logo at http://drupal.kreweofgemini.org/ — the logo you see there is stylized, with a colored-foil-looking border and drop shadow (it’s an 8-bit indexed-color .PNG with alpha transparency and so degrades gracefully in IE6 [losing its drop shadow but otherwise looking just fine] without needing PNGfix nor PNGbehave). The main logo for analysis use would be the center disk part of this logo, without the foil frills nor drop shadow.

I manually adjusted this theme (Pixture_Reloaded, which uses the existing Color module) to have the colors from the logo. How nice it would’ve been to be able to do this automatically!

Comments

#1

AttachmentSize
img_logo.png 17.82 KB

#2

The URL that I gave before no longer works. Use this (note that this is now a live site):
http://kreweofgemini.com/

#3

with a bit of php and imagemagick you might be able to do so:

http://valokuva.org/?p=72

nobody click here