<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/12/styling-the-colorpicker-control-in-flex-3/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="top"
		horizontalAlign="left"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Style>
		ColorPicker {
			swatchPanelStyleName: mySwatchPanel;
		}

		.mySwatchPanel {
			backgroundColor: haloSilver; 
			columnCount: 40; 
			horizontalGap: 1;
			verticalGap: 1;
			previewHeight: 50;
			previewWidth: 200;
			swatchHeight: 8;
			swatchWidth: 12;
		}
	</mx:Style>

	<mx:ApplicationControlBar dock="true">
		<mx:ColorPicker />
	</mx:ApplicationControlBar>

</mx:Application>