Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent • Hacker News Board

Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent

#1

Post by dduplex » Fri, May 02, 2025, 6:29 AM UTC

Hello HN,

I made this simple little tool for quickly converting RGB or 6-digit hex values to their closest 3-digit shorthand. It also comes with a little color picker if you just want to quickly grab a color.

Made for fun, and a love of tinkering. Would love any ideas for improvement!

Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent
dannyduplex.com

Re: Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent

#2

Post by sim7c00 » Fri, May 02, 2025, 9:20 AM UTC

cool! its odly satisfying to drag the colour side to side and watch the color resolution flicker from matching to mismatches in bands as it passes colours representable in the 3digit form

Re: Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent

#3

Post by axelMI » Fri, May 02, 2025, 12:45 PM UTC

cute :)

Re: Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent

#4

Post by Leftium » Fri, May 02, 2025, 2:37 PM UTC

I wish the Open Props color helper[1] output results more like your tool:

- Shows both original vs matched colors

- Shows hex/rgb values

- Easy copy/paste via button

Some ideas you may be able to steal from the color helper:

- The "Quick pick" button is very handy

- Also there are two color matching algorithms. The LAB color matching is supposedly optimized for human perception.

And perhaps support for OKLCH colors? https://oklch.com/

[1]: https://props-color-finder.netlify.app/

Re: Show HN: Mini Hex – Convert 6-digit colors into their closest 3-digit equivalent

#5

Post by dduplex » Fri, May 02, 2025, 4:34 PM UTC

Leftium wrote: post #4

I wish the Open Props color helper[1] output results more like your tool: - Shows both original vs matched colors - Shows hex/rgb values - Easy copy/paste via button Some ideas you may be able to steal from the color helper: - The "Quick pick" button is very handy - Also there are two color matching algorithms. The LAB color matching is supposedly optimized for human perception. And perhaps support for OKLCH colors?…

Thank you so much for the comment. I have never heard of OKLCH before. I've been trying to think of another color project to work on, and I think I might explore in this direction. Again, thanks!