Guia de cores personalizada, caixa de diálogo do selecionador de cor
Para criar uma cor personalizada, arraste os controles deslizantes para as cores primárias de vermelho, verde e azul, até que a cor desejada apareça no visualização campo. Seu código de cor RGB, exibido na cor de campo, será inserida na sua definição de estilo CSS (folha) de estilos em cascata, quando você fecha o Style Builder caixa de diálogo.
Dica
Uma cor personalizada é exibida usando configurações de exibição atuais do seu monitor.Ele pode parecer diferente no monitor e o navegador da Web do usuário.Você talvez queira reservar cores personalizadas para uso em projetos da Web projetado para grupos de usuários que compartilham as configurações de vídeo comuns e previsíveis.
Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre as chaves ({}) de um estilo CSS para um INPUT.button estilo, selecione plano de fundo no Build Style diálogo caixa e, em seguida, escolha o botão de reticências (...) ao lado do cor campo para abrir o Seletor de cores caixa de diálogo. No seu Cor personalizada guia, deixe o Red e verde controles deslizantes de definir valores padrão de 255 e arraste o azul controle deslizante da esquerda para a 102.
Dica
O visualização campo exibe uma brilhante tonalidade de amarelo, e o ffff66 de n º do código de cores RGB é exibido no cor de campo, o equivalente a 255,255,102.
Quando você fecha o Style Builder caixa de diálogo, o seguinte attribute:RGBcolor par é inserido entre as chaves ({}) do seu estilo:
INPUT.button { background-color: #ffff66; }
Uma cor selecionada em uma guia da Seletor de cores caixa de diálogo é selecionada automaticamente em todas as guias. Nesse caso, uma amostra de amarela brilhante idêntica selecionada na Paleta Web guia e o ffff66 de # RGB código aparece no cor campo. Esse determinado amarelo é uma cor segura para a Web.
Para acessar esta caixa de diálogo
No Microsoft Visual Web Developer, no modo Design, selecione um controle ou elemento HTML que processa a marcação (como um Table controle ou um HTML <input> botão).
Abrir o Style Builder caixa de diálogo executando uma das seguintes ações:
No modo de Design, selecione o controle ou elemento, clique em formatoe em seguida, clique em estilo.
No modo Design, clique com o botão direito no controle ou elemento e clique em estilo.
Selecione o controle ou elemento, selecione seu estilo a propriedade na janela Properties e em seguida, escolha o botão de reticências (...).
Se você estiver trabalhando na janela de estilos do documento, selecione um elemento, um classe, ou um ID do elementoe em seguida, escolha o Build Style ícone.
Se você estiver editando uma folha de estilos CSS, coloque o ponto de inserção entre as chaves ({}) de um estilo CSS e escolha Build Style sobre o estilo menu.
O Style Builder abre a caixa de diálogo.
Selecione qualquer uma das guias do Style Builder caixa de diálogo que contêm um cor drop-down lista e clique no botão de reticências (…) ao lado da caixa.
O O selecionador de cores abre a caixa de diálogo.
Clique o Cor personalizada guia.
Tasks
UI Elements
Red
O valor padrão é 255 (máximo vermelho). Arraste o Red controle deslizante para a esquerda para reduzir a quantidade de vermelho na sua cor personalizada. O valor mínimo é 0 (nenhum vermelho).Green
O valor padrão é 255 (máximo verde). Arraste o verde controle deslizante para a esquerda para reduzir a quantidade de verde na sua cor personalizada. O valor mínimo é 0 (nenhum verde).Blue
O valor padrão é 255 (máximo azul). Arraste o azul controle deslizante para a esquerda para reduzir a quantidade de azul em sua cor personalizada. O valor mínimo é 0 (nenhum azul).Preview
Conforme você arrasta os controles deslizantes, o painel de visualização exibe a cor resultante.Color
Exibe o código hexadecimal de RGB para cor resultante.OK
Fecha o Seletor de cores caixa de diálogo e adiciona selecionado attribute:color par a marcação de CSS a ser inserido quando você fechar o Style Builder caixa de diálogo.
Consulte também
Referência
Guia de paleta, caixa de diálogo do selecionador de cor de Web.
Denominado guia de cores, caixa de diálogo do selecionador de cor
Guia de cores do sistema, caixa de diálogo do selecionador de cor