<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
            import com.cynergysystems.util.ColorUtil;
            
            private function getHex( o:Object, c:DataGridColumn ) : String
            {
                return ColorUtil.toHexString( o.value );
            }
        ]]>
    </mx:Script>
    <mx:DataGrid dataProvider="{  ColorUtil.colors }" top="10" bottom="10" left="10" right="10">
        <mx:columns>
            <mx:DataGridColumn headerText="Name" dataField="name"/>
            <mx:DataGridColumn headerText="Decimal Value" dataField="value"/>
            <mx:DataGridColumn headerText="Hex Value" dataField="value" labelFunction="getHex"/>
            <mx:DataGridColumn headerText="Color" dataField="value">
                <mx:itemRenderer>
                    <mx:Component>
                        <mx:Canvas width="100%" height="100%" backgroundColor="{data.value}" />
                    </mx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>
    
</mx:Application>