<div id="coachs_form" style="display:none; width:400px; height:140px;"> 
    <table class="addUser">
        <tr>
            <td class="td1">Цвет:</td>
            <td class="td2">
                <asp:TextBox ID="tbColor" runat="server" Text="" class="textbox" MaxLength="10" style="width:108px;" ></asp:TextBox>
                <cc1:ColorPickerExtender ID="ColorTextBox_ColorPickerExtender" runat="server" TargetControlID="tbColor" OnClientColorSelectionChanged="colorChanged" PopupButtonID="PickColorButton" Enabled="True"></cc1:ColorPickerExtender>
                <asp:ImageButton ID="PickColorButton" runat="server" ImageUrl="~/imagesTemplate/pipette.png" />
            </td>
        </tr>
        <tr>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:right !important;">
                <a class="btn btn-success" href="javascript:saveCoach();">Сохранить</a>
            </td>
        </tr>
    </table>
</div>

         function colorChanged(sender) {
             sender.get_element().style.backgroundColor = "#" + sender.get_selectedColor();
             sender.get_element().style.color = "#" + sender.get_selectedColor();
             document.getElementById('<%=tbColor.ClientID%>').value = sender.get_selectedColor();
         }