Since WP 3.5, a new CSS gradient-based color picker called Iris was added. The new Iris color picker is shown off in the Theme Customizer for your custom theme. In this tutorial, I’m going to show you how add the jquery color picker inside your WordPress theme or plugin. I will show you how to add WordPress color picker easily inside the WordPress user interface. Let’s get started.
Enqueue the color picker script and style
Add jquery for color picker
Creating an input field
Add a textbox to your settings page with a CSS class for the color picker, where you want to dispaly the input text. I have use “color_code” for input $variable.
It’s enough for adding jquery color picker on your wordpress theme or plugin. Ask any question throw comment.