ColorPalette

create

• var cp:html_node = ColorPalette(opt);
  @param Object opt {defColor:기본색,bookmark:즐겨찾기 기본 배열,"maxHistory":최대 히스토리 수,"localStorageHistoryKey":히스토리용 키}
  @return cp:html_node tag div
  
• ex
  var cp = ColorPalette({bookmark:["#abc","#369"],"maxHistory":10,"localStorageHistoryKey":"save_key"});
  InputRangeBox.autoInit(cp); //옵션
  document.body.appendChild(cp); //옵션
  

method

• stringHSL:String = cp.toStringHSL() 선택된 색을 hsl(111,99%,99%) 로 나타냄
• stringRGB:String = cp.toStringRGB() 선택된 색을 rgb(111,222,99) 로 나타냄
• stringHEX:String = cp.toStringHEX() 선택된 색을 #aabbcc 로 나타냄
• stringColor:String = cp.toString() 선택된 색 문자열로 출력(#aabbcc 가 기본)
• c_obj:ColorPalette.Color = cp.get() 색 객체 반환
• cp.set(colorInfo:[String,Object]) 컬러 데이터 설정하기
• cp.setHEX(HEX:String) HEX로 값을 설정
• cp.setHSL(h:Number,s:Number,l:Number) hsl 값으로 설정
• cp.setRGB(r:Number,g:Number,b:Number) rgb 값으로 설정
• cp.previewHSL(h:Number,s:Number,l:Number) hsl로 선택중인 값 변경
• cp.previewRGB(r:Number,g:Number,b:Number) rgb로 선택중인 값 변경
• cp.setPreview(colorInfo) 선택중인 색 변경
• cp.getPreview() 선택중인 색 객체 반환
• cp.confirm() confirm 동작. confirm 이벤트가 발생됨
• cp.cancel() cancel 동작. cancel 이벤트가 발생됨

참고

• ObjectHSL:Object 모양 {"h":0,"s":72,"l":26}
• ObjectRGB:Object 모양 {"r":115,"g":19,"b":19}
• stringHSL:String 모양 hsl(111,99%,99%)
• stringRGB:String 모양 rgb(111,222,99)
• stringHEX:String 모양 #aabbcc
• colorInfo:String,Object ObjectHSL,ObjectRGB,stringHSL,stringRGB,stringHEX 중 아무거나
• toStringType:String HSL,RGB,HEX 중 하나
• ColorPalette.Color 컬러 클래스

custom event

• input : 선택중인 색 변경 이벤트
• change : 선택중인 색 변경 완료 이벤트
• confirm : 색 선택 이벤트
• cancel : 색 선택 취소 이벤트