core-color component

[dfreedm]

From @AaronLayton on February 12, 2015 21:51

An idea for a new utility element (if something like this doesn't already exist).

Set an inputColor and have the core-color figure out what the closet pallet color is based on the Material Design pallet http://www.google.co.uk/design/spec/style/color.html#color-color-palette

<core-color inputColor="#ff0000" mainColor="{{ backgroundColour }}" textColor="{{ textColor }}" format="#hex"></core-color>
<!-- backgroundColour == #b71c1c -->
<!-- textColor == #fff -->

Let the input color be anything

• Web Safe
• HEX

• HEX

• RGB
• RGBA
• HSL
• HSLA
• CMYK

Let the user specify the format they want to retrieve the color as

Copied from original issue: Polymer/polymer#1185

[dfreedm]

From @AaronLayton on September 1, 2015 12:37

I would change this to iron-color-picker ?

[dfreedm]

From @addyosmani on September 1, 2015 12:48

Going off an idea related to your other ticket, I've been building out elements that pick the dominant colors from a supplied image and generate a Material palette of colors (vibrant, muted etc) that can be used to theme other pieces of UI:

Some of this might make it into one of my talks at the Polymer Summit, but I'll look at refactoring them into something more generic if the team thinks that would be useful.

[dfreedm]

From @AaronLayton on September 1, 2015 12:56

That's great @addyosmani you preview looks good, anything we can look at now or wait until after the Summit?

[dfreedm]

From @addyosmani on September 1, 2015 13:27

It hasn't been code reviewed by the team yet I'm afraid. It'll probably be after the summit before they have a chance to look it over :)

[notwaldorf]

/cc @tjsavage