HSB Color Picker

This started as a color memory game idea, but the picker became the part I cared about. The game around it felt less interesting than the actual act of choosing color, so I kept pushing the picker instead.

I wanted it to feel like one object. The controls should not sit far away from the color, and the values should not feel like a separate settings panel. Everything needed to stay as one component type shi.

I used HSB because that is usually how I think when I am picking color: hue first, then how strong it is, then how bright it should be. The three rails stay close together and the preview gets most of the space.

The rails are narrow on purpose. Hue is the loudest one because it changes the whole color family. Saturation and brightness redraw against the current hue, so they are always showing the version of the color you are already working with. The thumb looks small, but the actual drag area is bigger so it is easier to grab.

Dragging felt too quiet at first, so I reused the generated oscillator from the vinyl scroll experiment. It is softer here. More of a scrub sound than a tick. The goal was just to make the drag feel alive without turning the picker into a toy.

The values are there, but they stay quiet. Hovering waits a moment before showing "Click to copy", then the same spot changes to "Copied" after the click. Moving to another value clears the old copied state immediately.

The displayed values are shortened so the picker does not get noisy:H180 S60 B70, R71 G179 B179, #47b3b3. But copying gives me the real thing I would want to paste somewhere else: hsb(180, 60%, 70%), rgb(71 179 179), or the hex code.