Magento – How to Add color picker in Magento Admin Configuration Page
1. In adminhtml/default/default/layout directory, create the layout XML file for your module. Lets name it as yourmodule.xml .Write following content in yourmodule..xml: <?xml version="1.0"?> <layout version="0.1.1"> <default> <reference name="head"> <action method="addJs"><file>YOURMODULE/jscolor.js</file></action> </reference> </default> </layout> 2. In your module's system.xml, add the color picker field as: <background translate="label tooltip comment"> <label>Background Color</label> <frontend_type>text</frontend_type> <validate>color</validate> <sort_order>2</sort_order> <show_in_default>1</show_in_default> ...