Color Temperature selection should be a slider, not a wheel

[W-Floyd]

Unless I'm thoroughly mistaken, color temperature is a single dimensional variable. Why is it represented by a wheel, instead of a slider? It makes it difficult to exactly set the maximum/minimum color temperature. It also appears confusing as the same y value can be selected across the x axis - what difference does this x position make? Changing to the color wheel and back resets it to the center of the wheel anyway, so why bother?

screen-20230607-063614.mp4

[flabbamann]

Yes, I think this is confusing and less intuitive as the old slider.

[piitaya]

Hello 👋
The change has been done to have consistency between the color wheel and the temperature color selector, to have seamless switch because color picker and temperature picker. The new control better reflect the color temperature color (the gradient change with min and max temperature).

Other pickers (like iro.js) always center the cursor but the UX feels strange.

CleanShot_2023-06-07_at_16.03.01.mp4

I do understand your concern. If the main issue if about settings to min and max temperature, it can be fixed by adding a safe zone for the min and max value.

Example:

CleanShot.2023-06-09.at.17.52.16.mp4

[W-Floyd]

I think the safe zone would do a lot to make it as functional as a slider, even if a real slider is my preference.

I have no clue if we'd be able to do this, but could we have a horizontal bar instead of a dot, so like a circular slider? I can mock something up for what I'm visualizing, just not sure how it's built out.

This way, dragging diagonally won't feel so unusual (I do this regularly on sliders), while still retaining the shared circular shape.

[piitaya]

Reverted back the control to a slider based on users feedbacks : #17771