Having taken some of the feedback away, I've decided to change my colour picker to a linear version instead...and it allows me to work on saturation and brightness...I think overall I prefer this version better.
What do you think?
over 1 year ago
Definitely better than the first version. Makes a lot more sense having the Chosen Colour at the top out of the way of your hand. I'm not sure the check mark is clearly what you'd press to confirm— it looks more like a check box for choosing options.
What about the colours at the bottom of the gamut? At the moment it's a light grey rather than black so you can't choose darker colours without using the slider (as in Photoshop).
The idea is that you would choose the darker colours through the use of the light-to-dark slider. As far as I can work out, you would need a slider in there somewhere...either to choose the density of the colour, the saturation of the colour or the actualy colour iteself (like photoshop). I cant get my head round how you would include colour, density and saturation within a single picker space without a slider.
I think this is looking better.
I'm not exactly sure what color has been chosen. The slider has a gradient with a hard stop in the middle, and the chosen color box has a gradient with stripes. Will the text highlight be a gradient or solid? If it's solid, I think I'd prefer to see the chosen color as solid too.
Interested to see how you will code this.... having coded color pickers in the past, it's one of only a few things that I hope I never have to code again
@Mike Beecham there are some models that allow you to have hue and value in the same picker, but they are sort of ugly :( The one you've selected is my fave after the hue based model (w/ the rainbow slider. Agree w/ @Jack Bingham re: check and @Jesse Auciello re: everything.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter