Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: hue.tools – open-source toolbox for colors

hue.tools

Post reply on HN
Print view View original

51–60 of 82 posts

Re: Show HN: hue.tools – open-source toolbox for colors

#53

Post by thot_experiment »

Nice work! I'm glad you support color spaces outside of RGB for blending. I've been working on designing some new color blending modes/spaces and I'm excited to see more anthropocentric math being used to generate colors in general.

https://twitter.com/thot_exper1ment/status/14903867798489047... <-- example of some blending in a color space i'm working on

Re: Show HN: hue.tools – open-source toolbox for colors

#54

Post by dimal »

tbabb wrote: post #32

EDIT: Author has pointed out that the interpolation mode can be changed. Very slick! It looks like this is interpolating in HCL or HSV space— that tends to produce unexpected results, including intermediate colors with unrelated hues (pink between orange and blue?), or sharp discontinuities if one of the endpoints changes slightly (try mixing orange and blue, and then shifting the blue towards teal until suddenly the…

Thanks so much for this info! I had no idea this was a solved problem.

Re: Show HN: hue.tools – open-source toolbox for colors

#55

Post by yesenadam »

cmurf wrote: post #39
pabue wrote: post #35

Earlier quoted context omitted.

First of all thanks for the comments and info. I'm actually not doing the color interpolation myself. I'm using chroma.js[1] for the most part. You can actually change the interpolation mode on the bottom below the color boxes. The default is LCH because I think it looks the best most of the time, but you can use LAB if you prefer that. [1] https://gka.github.io/chroma.js/

CIE L*C*h is based on either CIE 1976 L*a*b* or CIE 1976 L*u*v*, it's just a different representation. For displays you're incrementally better off using LChuv. But note that these are very rudimentary color appearance models compared to CIECAM02 and newer, where surrounding color and ambient light can be taken into account. For a given color, surrounding it with two different colors will produce a different color ap…

tip: In HN comments you can write \* to display an asterisk.

Re: Show HN: hue.tools – open-source toolbox for colors

#58

Post by famfamfam »

pabue wrote: post #35
tbabb wrote: post #32

EDIT: Author has pointed out that the interpolation mode can be changed. Very slick! It looks like this is interpolating in HCL or HSV space— that tends to produce unexpected results, including intermediate colors with unrelated hues (pink between orange and blue?), or sharp discontinuities if one of the endpoints changes slightly (try mixing orange and blue, and then shifting the blue towards teal until suddenly the…

First of all thanks for the comments and info. I'm actually not doing the color interpolation myself. I'm using chroma.js[1] for the most part. You can actually change the interpolation mode on the bottom below the color boxes. The default is LCH because I think it looks the best most of the time, but you can use LAB if you prefer that. [1] https://gka.github.io/chroma.js/

Really cool site! After playing with it for a while, could the CSS gradient for MIX could be changed to use the same number of color stops as there are steps rather than just using the start and end, to better match the chosen interpolation mode? I had a great gradient in LAB space, but the CSS version interpolates through ugly greys in RGB.
Post reply on HN