Guia cor personalizada, caixa de diálogo Seletor de cores

Para criar uma cor personalizada, arrastar os controles deslizantes para as cores primárias vermelhos, verdes e azuis até que a cor desejada apareça no Visualização campo.Seu código de cor RGB, exibido no Cor campo, será inserida na sua definição de estilos em cascata folha de estilos em cascata (CSS) quando você fechar o Construtor de estilo caixa de diálogo.

Observação:
Uma cor personalizada é exibida usando configurações de exibição corrente do seu monitor.Pode procurar diferente no monitor e o navegador da Web de outro usuário.Talvez queira reservar cores personalizadas para uso em projetos da Web projetado para grupos de usuários que compartilham configurações de vídeo comuns e previsíveis.

Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre chaves ({}) de um estilo CSS para um INPUT.button estilo, selecionar Plano de fundo in the compilação Estilo diálogo caixa e, em seguida, escolher o botão de reticências (...) ao lado o Cor campo para em aberto o Seletor de cores caixa de diálogo.No seu Cor personalizada guia, deixe o Vermelho and Verde controles deslizantes de conjunto em seus valores padrão da 255 e arrastar o Azul controle deslizante da esquerda para a 102.

Observação:
O Visualização campo exibe uma tonalidade de amarelo brilhante e o RGB cor código # ffff66 é exibido no Cor campo, o equivalente a 255,255,102.

Quando você fecha o Construtor de estilo caixa de diálogo de a seguinteattribute:RGBcolor emparelhar é inserido entre chaves ({}) do seu estilo:

INPUT.button { background-color: #ffff66; } 

Uma cor selecionada em uma guia do seletor de cor caixa de diálogo é automaticamente selecionada em todas as guias.Nesse caso, uma amostra de amarela brilhante idêntica selecionada na Paleta da Web guia e o RGB código # ffff66 aparece no Cor campo.Esse determinado amarelo é uma cor Web-safe.

Para acesso esta caixa de diálogo

1. No Microsoft Visual Web Developer, no modo de modo de exibição de Design, selecionar um controle ou elemento HTML que processa a marcação (sistema autônomo um Table controle ou um HTML <input> botão).

2. Abra o Construtor de estilocaixa de diálogo executando uma das seguintes ações:

   • No modo de modo de exibição de Design, selecionar o controle ou elemento, clicar Formatoe, em seguida, clicar Estilo.

   • No modo de modo de exibição de Design, clicar com o botão direito do mouse no controle ou elemento e clique em Estilo.

   • selecionar o controle ou elemento, selecionar o seu Estilo propriedade na janela Propriedades e escolher o botão de reticências (...).

   • Se você estiver trabalhando na janela documento Styles, selecionar um Elemento, a Classe, or an ID do elementoe, em seguida, escolher o Criar estilo ícone.

   • Se você estiver editando uma folha de estilos CSS, coloque o ponto de inserção entre chaves ({}) de um estilo CSS e escolher Criar estilo on the Estilo menu.

   The Construtor de estilo caixa de diálogo é aberta.

3. selecionar qualquer uma das guias no Construtor de estilo caixa de diálogo que contêm um Cor lista suspensa e clicar no botão de reticências (…) próximo à caixa.

   The seletor de cor caixa de diálogo é aberta.

4. clicar no Cor personalizada guia.

Tarefas

• Demonstra Passo a passo: Criando e modificando um arquivo CSS

Elementos da Interface do Usuário

• Vermelho
  O valor padrão é 255 (máximo vermelho).arrastar o Vermelho controle deslizante para a esquerda a fim de reduzir a quantidade de vermelho na sua cor personalizada.O valor mínimo é 0 (nenhum vermelho).

• Verde
  O valor padrão é 255 (máximo verde).arrastar o Verde controle deslizante para a esquerda a fim de reduzir a quantidade de verde na sua cor personalizada.O valor mínimo é 0 (nenhum verde).

• Azul
  O valor padrão é 255 (máximo azul).arrastar o Azul controle deslizante para a esquerda a fim de reduzir a quantidade de azul em sua cor personalizada.O valor mínimo é 0 (nenhum azul).

• Preview
  Enquanto você arrasta sistema autônomo controles deslizantes, o painel de visualização exibe a cor resultante.

• Color
  Exibe o código RGB hexadecimal da cor resultante.

• OK
  Fecha o Seletor de cores caixa de diálogo e adiciona o selecionadoattribute:color emparelhar à marcação de CSS a ser inserido quando você fechar o Construtor de estilo caixa de diálogo.

Consulte também

Conceitos

Controle de Servidor Web do ASP.NET e Estilos CSS

Referência

Web paleta guia, seletor de cor dialog box

Guia de cores, caixa de diálogo de seletor de cor nomeada

Guia de cores do sistema, caixa de diálogo de seletor de cor