3 ms·
Colorbox by Lyft Design
- avichalp 7y agoI am not a designer but can this thing help you pick colours for your UI if you give it start and end colours and number of steps (ie how many colours you want) ?
- jacobolus 7y agoIf you want to pick colors for your UI, you should first design in grayscale, then add color (while preserving the perceived lightness using a reasonable color model like CIELAB or CIECAM02 or ...). This tool is likely to create confusion and yield poor results in the hands of someone who isn’t already an expert (either through studying human vision or long practice as a visual artist), because the numerical values sound important and technical, but in the HSL color model are actually rather arbitrary and unrelated to human vision.
- avichalp 7y agoThanks for answering. > This tool is likely to create confusion and yield poor results in the hands of someone who isn’t already an expert (either through studying human vision or long practice as a visual artist) Where can I study human vision. Could you point me to some books/ resources ?
- jacobolus 7y agohttps://www.handprint.com/LS/CVS/color.html https://www.handprint.com/LS/CVS/color.html
- dllu 7y agoAn interesting read regarding gradients and color palettes is the concept of perceptual uniformity. 1. http://www.hsluv.org/ http://www.hsluv.org/ 2. https://programmingdesignsystems.com/color/perceptually-uniform-color-spaces/ https://programmingdesignsystems.com/color/perceptually-unif...
- jacobolus 7y agoCute, but people need to stop using HSL and similar color models for this kind of thing. It is horrifically bad for it, designed by software researchers in the 1970s who had very slow computers and as far as I can tell little background in color vision, color reproduction, visual art, or graphic design, and then passed down through the generations with very little thought along the way. A human being who is not already an expert should essentially never be looking at numerical values of “R”, “G”, “B” or these trivially derived quantities of “H”, “S”, “L”, “V”, etc. and trying to assign meaning to those numbers. It just results in confusion. A visual color picker interface (with no numbers involved) is pretty much the only justifiable context where HSL or HSV ever makes sense. And arguably not there either. https://en.wikipedia.org/wiki/HSL_and_HSV#Disadvantages https://en.wikipedia.org/wiki/HSL_and_HSV#Disadvantages
- moontear 7y agopeople need to stop using HSL and similar color models for this kind of thing What is your suggested alternative?
- jacobolus 7y agoMunsell, NCS, OSA-UCS, CIELAB, CIECAM02, CAM16, ICtCp, Jzazbz, .... Pretty much anything designed by color experts from the past 100 years would be better. Here’s an implementation of CAM16 I was making today, https://observablehq.com/@jrus/cam16 https://observablehq.com/@jrus/cam16
- asutekku 7y agoOkay this is pretty neat. I tried to create an palette that doesn’t work well together but from what i have tried it seems almost impossible. I’m honestly amazed! Great work.
- merricksb 7y agoDiscussed yesterday (different URL): https://news.ycombinator.com/item?id=19800718 https://news.ycombinator.com/item?id=19800718 (58 points, 9 comments)