Open Bug 1001583 Opened 10 years ago Updated 8 days ago

Add current set color to the eyedropper UI

Categories

(DevTools :: Inspector, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: sjw+bugzilla, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

It would be nice, if you always see the color that is currently set in comparison to the color you will select.

Photoshop implemented this feature in CS6 and found a pretty nice UI for it:
http://raylarose.com/wp-content/uploads/2012/03/eye-dropper.jpg
Depends on: 939040
Interesting idea.  Since the current 'set' color only makes sense when it was opened via the colorpicker, I wonder if it would make sense to show a UI with two squares of the colors on the colorpicker itself?  Or what may be even easier would be to take the current UI and show a similar thing.
Attached image swatches.png
idea for where to show 'initial' color swatch
It's important, that there is no border or space between the color, so you can see the difference between two similar colors.
Photoshop has a very good solution, because
a) you can compare the selected color with the color that is currently set
b) you can compare both colors with the environment
c) you have a neutral border around all to have a visible limit of the tool
(In reply to sjw from comment #3)
> It's important, that there is no border or space between the color, so you
> can see the difference between two similar colors.
> Photoshop has a very good solution, because
> a) you can compare the selected color with the color that is currently set
> b) you can compare both colors with the environment
> c) you have a neutral border around all to have a visible limit of the tool

Great points, and great idea overall, thanks for logging this.
filter on CLIMBING SHOES
See Also: → 1258390
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: