<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Color Picker Example</title>
    <script type = "text/javascript">
        function Color_Changed(sender) 
        {
            sender.get_element().value = "#" + sender.get_selectedColor();  
        }
    </script> 
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:textbox id="TextBox1" runat="server"  Width = "170px"/>
        <br />
        <div id="preview" style="width:70px;height:70px;border:1px solid #000;margin:0 3px;float:left">
        </div>
        <asp:Button ID="Button1" runat="server" Text="Choose Color" Width = "90px" />
        <cc1:colorpickerextender id="ColorPicker1" runat="server"
             targetcontrolid="TextBox1"
             samplecontrolid="preview"
             popupbuttonid="Button1"
             PopupPosition ="Right" 
             OnClientColorSelectionChanged = "Color_Changed"
              />
    
    </form>
</body>
</html>
this code is working for colorpicker but i want is
when i select red color from colopicker it will show me redcolor not name but color in gridview