Skin this blog with colors from your own (.gif) image.
Categories: "Design Engineering"
The associated link accepts a .gif file and lists the colors, in CSS color syntax, as well as a table to see them.
White (#FFFFFF) is displayed on a black background.
This is the first pass at generating CSS maps from .gifs.
Stay tuned … but loosely.
Tools that generate color codes from a comp have probably already been developed, but if you don’t have any, or if you enjoy a challenge such as this, you could, theoretically, use the previous command string on a comp to create the CSS for an application.
More to follow …
The link above gets the colors from an image - really nicely.
Using the link above, you can very quickly choose colors for an attractive color scheme and them augment them with images.
Many applications use hierarchical CSS architectures, where common elements have the same CSS and the skin defines or overrides the ‘main’ design colors.
The idea is to use the ColorToy demo to choose the colors, extract the colors it generates, and then run the color mapper.
In the event that a client has an existing color scheme, but doesn’t have a website - a dummy file can be created that contains a list of colors - with the syntax:
Since the color mapping code does not differentiate between how the colors are used, it can map any color in.