컬러 팔레트

pallette.mxml==========================================================================================

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="220" height="210" initialize="init()">
 <mx:Style>
  Application{
   backgroundColor : #ffffff;
  }
 </mx:Style>
 
 <mx:Script>
  <![CDATA[
   import mx.containers.*;
   
   private var code:Array;
   
   private function getCode(_c:int):String
   {
    return code[_c];
   }
   
   private function init():void
   {
    code = new Array();
    code = ["00", "33", "66", "99", "CC", "FF"];
    makePallette();
   }
   
   private function makePallette():void
   {
    for(var X:int=0; X<18; X++)
    {
     for(var Y:int=0; Y<12; Y++)
     {
      var tempRed:int = int(Y/6)*3 + int(X/6);
      var red:String = getCode(tempRed);
      var green:String = getCode(X%6);
      var blue:String = getCode(Y%6);
     
      var mc:Canvas = new Canvas();
      mc.width = 10;
      mc.height = 10;
      mc.x = 10 + 10*X;
      mc.y = 40 + 10*Y;
      mc.name = "#" + red + green + blue;
     
      mc.setStyle("backgroundColor", mc.name);
      mc.setStyle("borderStyle", "inset");
     
      mc.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
     
      pn1.addChild(mc);
     }
    }
   }
   
   private function downHandler(e:MouseEvent):void
   {
    view2.text = e.target.name;
    view1.setStyle("backgroundColor", e.target.name);
   }
  ]]>
 </mx:Script>
 
 <mx:Panel x="0" y="0" width="220" height="210" layout="absolute" title="Color Pallette" id="pn1">
  <mx:Canvas x="10" y="10" width="70" height="22" borderStyle="solid" id="view1"/>
  <mx:TextInput x="88" y="10" width="82" editable="false" id="view2"/>
 </mx:Panel>
</mx:Application>

======================================================================================================