MarcosBL

Aprendiz de todo, maestro de nada

CSS Color Generator (from pics)

English version

I’m very bad at color choosing… terrible bad. I have no taste at all for design, i haven’t a single bit of these «magic» needed to see a client’s logo and create the needed CSS for a layout where the logo could fit like a glove. But i know about programming… at least a bit… and the world is full of color theory, so i have glued together a bit of «mathemagic», a bit of php code… and created CSS Color Generator, a simple experiment where, from a given pic, you can generate a CSS color palette in Average, Bright, Dark and Complemetary modes.

It was not intended to be visible (i didn’t even wroten a frontend) but Mikko Koppanen (imagick php extension developer) from #php in freenode asked me about it and i prepared a little demo for the programmers in my same situation (no taste for aesthetics), so i open it in «beta» stage, if someone can use it, i hope he enjoy it. :)

Link: CSS Color Generator

Update: Mikko Koppanen have published similar code as a tutorial in his blog

Spanish version

Soy malo eligiendo colores… muy malo. Carezco absolutamente de buen gusto por el diseño, carezco de esa «magia» necesaria para ver el logotipo de un cliente o amigo y crear de la nada el CSS necesario para un entorno donde el logotipo encaje como un guante. Pero sé programar… al menos un poco.. y de teoría del color está el mundo lleno, asi que ni corto ni perezoso he juntado un poco de fórmulas matemágicas por aqui, un poco de código propio por allá… y he creado CSS Color Generator, un simple experimento que, de una imagen dada, nos genera una paleta de colores CSS en gamas original, brillante, opaca y complementaria.

No pensaba ni siquiera enseñarlo (ni me he molestado siquiera en hacerle un frontend) pero Mikko Koppanen (desarrollador de la extension imagick para php) del canal #php en freenode me ha convencido de que puede ser interesante para muchos programadores en mi misma situación (nulo gusto por la estética), asi que lo abro en «beta», si a alguien le es útil, que lo disfruten con salud :)

Enlace: CSS Color Generator

Actualización: Mikko Koppanen ha publicado el código en forma de tutorial en su blog

Preview:

CSS Lab

12 comentarios en “CSS Color Generator (from pics)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *