3 ms·

Yup, color production/reproduction/mixing vs. color selection/perception. It's a bit strange that UI designers are mostly using tools made for color production

Yup, color production/reproduction/mixing vs. color selection/perception. It's a bit strange that UI designers are mostly using tools made for color production for selecting colors (rgb/hsv/hsl), not those that are appropriate for color selection like lch. >I think this is why these colours tend to be used more often in logos and board game pieces. Cool/serious vs. warm/playful colors, most businesses try to be serious, most toys want to be played with..

davidivadavid 6y ago
There's work being done in that department so hopefully the rest of the tools adapt: http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-h...
- nyanpasu64 6y ago
  > Today, the gamut (range of possible colors displayed) of most monitors is closer to P3, which has a 50% larger volume than sRGB. Most monitors that... Macs have? As a Windows/Linux user, none of the monitors I've used as my daily driver are wide-gamut. The only wide-gamut monitor I've really seen was in my university's computer lab. It displayed every color a bit more brightly, and my laptop didn't desaturate colors to compensate. > Firefox does not implement the spec that restricts CSS colors to sRGB. Instead, it just throws the raw RGB coordinates on the screen, so e.g. rgb(100% 0% 0%) is the brightest red your screen can display. While this may seem like a superior solution, it’s incredibly inconsistent: specifying a color is approximate at best, since every screen displays it differently. By restricting CSS colors to a known color space (sRGB) we gained device independence. LCH and Lab are also device independent as they are based on actual measured color. Yeah that explains why.
  - skavi 6y ago
    Any smartphone with an OLED or high end LCD is physically capable of displaying more than sRGB. That’s a pretty decent number of devices. Android is awful for color management though, if the OEM even implements it.
- deltron3030 6y ago
  Some libraries like chroma.js and hsluv support lch already. The latter even compresses the chroma/saturation from a solid into a cylindrical form (like hsl does with rgb) and like in the example from the link. Calculating colors within CSS as part of a build step or on the fly is more a niche usecase though, so I'm a bit sceptic if lch capability within CSS would have a big effect on design tools considering the existing options mentioned above. The main usecase is for design, from where you'd export hex values for development for most dev usecases. LCH collides with Adobes own color system they use for Kuler/Adobe color, which is a proprietary perception based system. Pantone of course, it also rivals their proprietary system (they sell expensive color swatch books to designers), and NCS, another proprietary perception based system that is mostly used in interior design. Strong forces within the industry with an self preserving interest. So the hopes are more on rivaling tools like Figma and Sketch to implement LCH. With LCH they could even do print, because process colors can be easily derived from those..

davidivadavid 6y ago

There's work being done in that department so hopefully the rest of the tools adapt: http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-h...

nyanpasu64 6y ago
> Today, the gamut (range of possible colors displayed) of most monitors is closer to P3, which has a 50% larger volume than sRGB. Most monitors that... Macs have? As a Windows/Linux user, none of the monitors I've used as my daily driver are wide-gamut. The only wide-gamut monitor I've really seen was in my university's computer lab. It displayed every color a bit more brightly, and my laptop didn't desaturate colors to compensate. > Firefox does not implement the spec that restricts CSS colors to sRGB. Instead, it just throws the raw RGB coordinates on the screen, so e.g. rgb(100% 0% 0%) is the brightest red your screen can display. While this may seem like a superior solution, it’s incredibly inconsistent: specifying a color is approximate at best, since every screen displays it differently. By restricting CSS colors to a known color space (sRGB) we gained device independence. LCH and Lab are also device independent as they are based on actual measured color. Yeah that explains why.
- skavi 6y ago
  Any smartphone with an OLED or high end LCD is physically capable of displaying more than sRGB. That’s a pretty decent number of devices. Android is awful for color management though, if the OEM even implements it.
deltron3030 6y ago
Some libraries like chroma.js and hsluv support lch already. The latter even compresses the chroma/saturation from a solid into a cylindrical form (like hsl does with rgb) and like in the example from the link. Calculating colors within CSS as part of a build step or on the fly is more a niche usecase though, so I'm a bit sceptic if lch capability within CSS would have a big effect on design tools considering the existing options mentioned above. The main usecase is for design, from where you'd export hex values for development for most dev usecases. LCH collides with Adobes own color system they use for Kuler/Adobe color, which is a proprietary perception based system. Pantone of course, it also rivals their proprietary system (they sell expensive color swatch books to designers), and NCS, another proprietary perception based system that is mostly used in interior design. Strong forces within the industry with an self preserving interest. So the hopes are more on rivaling tools like Figma and Sketch to implement LCH. With LCH they could even do print, because process colors can be easily derived from those..