Stacks Image 16948

Color Art (Palette) Picker

A Quartz Composer plug in that generates a color palette from an inputted image.

Why create this?

Itunes 11 display a new view style that visually matches the track listing to the album’s cover art. The result is an attractive display of textual information that seamlessly integrates with the album’s artwork. I wanted to copy this effect for dynamic UI’s.
Stacks Image 13332

Quartz Composer

The QC plugin analyses an inputted image asynchronously to produce five color outputs. Allowing dynamic UI’s with matching background color and text color that fits with the color scheme of the inputted image.
Stacks Image 25229
Stacks Image 25231
Stacks Image 25233
Stacks Image 25235
Stacks Image 25237
Stacks Image 25239

Origami Version

An updated Quartz Composer composition to show the Color Palette Plugin working within Origami v2
Stacks Image 13110
Stacks Image 13169
Stacks Image 13188
Stacks Image 13108

SOCIAL

Twitter

Share the news on twitter
Stacks Image 11137

OPEN SOURCED

Download the Build and Source Code

Download and copy the QCColourArt.plugin to your /Library/Graphics/Quartz Composer Plug-Ins folder

Plugin

Plugin

Source Code

Source Code