799570 - Add a color-picker for CSS color values

Status: RESOLVED DUPLICATE of bug 889638

(DevTools :: Inspector, defect)

Description

[sys.sgx]

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121005155445

Steps to reproduce:

Feature suggestion:
A color-picker, like in chromium, would give the ability to select new colors with realtime update on the webpage.

The color-picker would be shown by clicking on a color-box of the css value, in Style Panel, and offer the full color range as well as opacity.

There could also be another window that will provide alternative similar color hues, based on the color the current element.

Comment 1

[Girish Sharma [:Optimizer]]

Something on these terms :

https://dl.dropbox.com/u/3250186/colorpicker.jpg

The screenshot is from my extension User Style Manager, which uses Firefox's source-editor in CSS mode, and the Color picker is an open source , that I have modified to work with the source-editor.

Comment 2

[sys.sgx]

It's nice, but I think we'll need something simpler looking. (see: chromium)
Just for easy use by people.

Comment 3

[Girish Sharma [:Optimizer]]

Does chromium by default has a color picker ?

Comment 4

[sys.sgx]

Attachment: Chromium Color Picker

Comment 5

[sys.sgx]

yes, see the attached image, from google.com
We can make it even better, by having something like a button that will auto-suggest different hues;  I think this will be very useful for production.

Comment 6

[Girish Sharma [:Optimizer]]

Well, I am not a fan of Chrome's UI, so I will never like the design.

Anyways, here are the 3 other modes of the same Color Picker in the same add-on.

https://dl.dropbox.com/u/3250186/diff.jpg

Not saying that it should be this feature rich, might be overkill even.