diff --git a/modules/widget/tpl/widget_generate_code.include.html b/modules/widget/tpl/widget_generate_code.include.html
index 4f5237921..cff0d480b 100644
--- a/modules/widget/tpl/widget_generate_code.include.html
+++ b/modules/widget/tpl/widget_generate_code.include.html
@@ -1,3 +1,4 @@
+<!--%load_js_plugin("ui.colorpicker")-->
 <p class="summary">{nl2br($_caption)}</p>
 <table cellspacing="0" class="rowTable">
 <tr>
@@ -65,6 +66,9 @@
         <!--@if($var->type == "text")-->
         <input type="text" name="{$id}" value="" class="inputTypeText fullWidth" />
 
+        <!--@elseif($var->type == "color")-->
+        <input type="text" name="{$id}" value="" class="inputTypeText color-indicator" />
+
         <!--@elseif($var->type == "textarea")-->
         <textarea name="{$id}" class="inputTypeTextArea fullWidth"></textarea>
 
diff --git a/modules/widget/tpl/widget_style_generate_code_in_page.html b/modules/widget/tpl/widget_style_generate_code_in_page.html
index 0a039ff8c..8bf065170 100644
--- a/modules/widget/tpl/widget_style_generate_code_in_page.html
+++ b/modules/widget/tpl/widget_style_generate_code_in_page.html
@@ -3,7 +3,7 @@
 <!--%import("css/widget.css")-->
 <!--%import("../../admin/tpl/css/admin.css")-->
 <!--%load_js_plugin("filebox")-->
-
+<!--%load_js_plugin("ui.colorpicker")-->
 
 <script type="text/javascript">
     doAddWindowLoadEventLoader(getWidgetVars);
@@ -69,6 +69,10 @@
                 <!--@if($var->type == "text")-->
                 <input type="text" name="{$id}" value="" class="inputTypeText w400" />
 
+                <!--@elseif($var->type == "color")-->
+
+                <input type="text" name="{$id}" value="" class="inputTypeText color-indicator" />
+
                 <!--@elseif($var->type == "textarea")-->
                 <textarea name="{$id}" class="inputTypeTextArea w400"></textarea>
 
diff --git a/modules/widget/widget.model.php b/modules/widget/widget.model.php
index 75be997f2..fbe485fb6 100644
--- a/modules/widget/widget.model.php
+++ b/modules/widget/widget.model.php
@@ -301,7 +301,8 @@
             $buff .= sprintf('$widgetStyle_info->license_link = "%s";', $xml_obj->license->attrs->link);
 
             // preview
-            $preview_file = sprintf("%spreview.jpg", $widgetStyle_path);
+            if(!$xml_obj->preview->body) $xml_obj->preview->body = 'preview.jpg';
+            $preview_file = sprintf("%s%s", $widgetStyle_path,$xml_obj->preview->body);
             if(file_exists($preview_file)) $buff .= sprintf('$widgetStyle_info->preview = "%s";', $preview_file);
 
             // 작성자 정보