Yup. This is my new favorite color tool website. Excellent work.
Show HN: hue.tools – open-source toolbox for colors
31–40 of 82 posts
Re: Show HN: hue.tools – open-source toolbox for colors
#32EDIT: 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 intermediate pink pops to green).
This document[1] also illustrates pretty well.
Interpolating in RGB space has its own issues (more so if gamma is not handled correctly) due to the human visual system's differing sensitivity to different colors— the result is often that two bright colors will have an intermediate color which is darker than either endpoint.
There's a known solution, thankfully: Mix colors in a perceptual color space like Lab or Oklab[2]. The behavior is very predictable and aesthetically pleasing.
[1] https://observablehq.com/@zanarmstrong/comparing-interpolati... [2] https://bottosson.github.io/posts/oklab/
Re: Show HN: hue.tools – open-source toolbox for colors
#33Hey, this is a really great tool, thanks for making and sharing with us!
One thing that I think would help is for the tool to not lose state when changing between tabs. You have the manual randomize color button, so it doesn't make sense to randomize on tab switch.
Then, in addition, sending colors from one tab to another. For example, I want to modify a color, and then send it to Mix Swatch 1.
Also, like everyone else, I love the color names! I'd love to see these applied to more swatches, like in the step names in Mix, or the color combinations in Info. Maybe it could show the names, and then flip to the hex value on hover.
Also, I would love if I could save off my settings in different tabs. I know I could just bookmark, but having an in-app method of saving/restoring would be wonderful.
Again, thanks for this! I am definitely adding this to my color toolset!
Re: Show HN: hue.tools – open-source toolbox for colors
#34Over the years I've seen many similar tools, however, this one is probably the nicest, simple and straightforward. Really great work!
Agreed! Great work, and in my main toolbox of go-to tools now.
Re: Show HN: hue.tools – open-source toolbox for colors
#35EDIT: 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.
Re: Show HN: hue.tools – open-source toolbox for colors
#36Very functional and straight forward to use tool!
Sure, there are a few enhancements that can be made (state management), but this is a great starting point. Nice job!
Re: Show HN: hue.tools – open-source toolbox for colors
#37I really enjoyed adjusting the different knobs in 'Modify' mode to achieve something that 'felt' good to me. I don't know anything about color (as represented by computers or otherwise) but it was fun. I also love the names that come up ("pig pink" v.s. "strawberry milk")
Really cool to hear that! And the names are definitely awesome. All the credit for that goes to: https://github.com/meodai/color-names
Thank you for sharing! This is such a neat library.
Lots of kudos on the work you put in too! Your app is fun and super slick. Top notch design and frontend skills.
Re: Show HN: hue.tools – open-source toolbox for colors
#38This is quite nice.
I haven't had time to play with it much, so far, but, as it so happens, I have been working on color themes for my app, lately, using tools like this.
Re: Show HN: hue.tools – open-source toolbox for colors
#39EDIT: 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/
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. But without display compensation (mapping the CIE color created for given RGB value, such that a color management system can alter the RGB sent to the display in order to preserve color appearance) you will still have the experience of getting a different color for a given encoding on different displays.
How far down the rabbit hole do you want to go? In any case, these are better than HSL and HSV representations.
Re: Show HN: hue.tools – open-source toolbox for colors
#40This. is. awesome. Thanks for sharing! I manage a lot of designs and guidelines for Open Source projects and the amount of time I spend translating color information into different values to make sure everything is "on brand" is ridiculous. This is going to save me ton of time