code: function() {
  
  					var selection = editor.getSelection(),
  						block = selection && selection.getStartElement(),
  						path = editor.elementPath( block ),
  						color;
  
  					if ( !path )
  						return;
  
  					// Find the closest block element.
  					block = path.block || path.blockLimit || editor.document.getBody();
  
  					// The background color might be transparent. In that case, look up the color in the DOM tree.
  					do {
  						color = block && block.getComputedStyle( type == 'back' ? 'background-color' : 'color' ) || 'transparent';
  					}
  					while ( type == 'back' && color == 'transparent' && block && ( block = block.getParent() ) );
  
  					// The box should never be transparent.
  					if ( !color || color == 'transparent' )
  						color = '#ffffff';
  
  					this._.panel._.iframe.getFrameDocument().getById( colorBoxId ).setStyle( 'background-color', color );
  
  					return color;
  				}
docs: The automatic colorbox should represent the real color (#6010)