code: function (ui, context) {
  					var active = color.active;
  					if (context != colorBar && active.val() == null) return;
  					switch (settings.color.mode) {
  					case 'h':
  						active.val('h', {
  							h: 360 - ui.val('y')
  						}, context);
  						break;
  					case 's':
  						active.val('s', {
  							s: 100 - ui.val('y')
  						}, context);
  						break;
  					case 'v':
  						active.val('v', {
  							v: 100 - ui.val('y')
  						}, context);
  						break;
  					case 'r':
  						active.val('r', {
  							r: 255 - ui.val('y')
  						}, context);
  						break;
  					case 'g':
  						active.val('g', {
  							g: 255 - ui.val('y')
  						}, context);
  						break;
  					case 'b':
  						active.val('b', {
  							b: 255 - ui.val('y')
  						}, context);
  						break;
  					case 'a':
  						active.val('a', 255 - ui.val('y'), context);
  						break;
  					}
  				}
docs: Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results