UIZE JavaScript Framework


This example demonstrates the proximity-based color sorting functionality of the UIZE JavaScript Framework, as implemented in the Uize.Color.xUtil module. On the right of the interface is a large rectangle, with a sorted array of colors. On the left of the interface is an RGB color picker, with sliders for selecting levels for the red, green, and blue color channels of an RGB color. As you use the sliders to change your desired color, the finite set of available colors is re-sorted so that the colors most like your desired color are rearranged to be on the left. Additionally, these better matching colors are displayed using wider bars so you can inspect them more closely to make a better choice between the candidates. Color sorting functionality is useful when assisting a user in finding a color from a fixed color palette that is closest to their preferred color.

Choose Color Your Desired Color Closest Matches From Available Colors (ie. limited color palette)