SOURCE CODE: Color Sort by RGB Proximity

  
  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Color Sort by RGB Proximity
    

      
SOURCE
    
  

  

  

    
This example demonstrates the proximity-based color sorting functionality of the UIZE JavaScript Framework, as implemented in the Uize.Color.Util 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 (i.e. limited color palette)