Seletor de cores

Durante uma captura de ecrã, a lupa do PixPin permite obter a cor de qualquer píxel e copiá-la em formatos comuns, como RGB ou HEX. Os designers que comparam paletas e os programadores que verificam as cores de uma interface não precisam de abrir outro seletor de cores.

1024, 368

rgb(4, 133, 247)

C: copiar corShift: alternar formatoPShift⇧ ShiftCAlternar coordenadasAlternar formatoCopiar cor1Grelha ampliada2Cor do píxel central

Obter uma cor com a lupaCopy Anchor Link

Para manter a lupa visível sem premir Alt⌥ Option, abra a página Captura de ecrã das definições e altere Mostrar linhas auxiliares para Mostrar sempre.

Também pode obter cores de pins: coloque o ponteiro sobre um pin, mantenha Alt⌥ Option premida para mostrar a lupa e prima CC para copiar a cor.

Apontar com precisão para um píxelCopy Anchor Link

As linhas da grelha da lupa separam cada píxel, e o quadrado central assinala o píxel cuja cor será obtida. Quando é difícil apontar com o rato para ícones pequenos ou contornos de 1 píxel, pode deslocar o ponteiro com o teclado:

Pode ajustar a apresentação da lupa na página Captura de ecrã das definições:

• Ampliação da lupa: de 1 a 100×, com 11× como valor predefinido.
• Conteúdo da lupa: assinale os elementos pretendidos entre linhas da grelha, mira, contorno central, contorno da captura, pontos de controlo da captura, anotações, linhas de controlo das anotações e coordenadas do rato.
• Cor das linhas da grelha da lupa, Escala suave do conteúdo da lupa e Mostrar sugestões de atalhos na lupa.

Copiar cores e alternar formatosCopy Anchor Link

Cada vez que prime Shift⇧ Shift, o valor da cor na lupa passa para o próximo formato ativado. A cópia utiliza o formato apresentado.

Formatos de corCopy Anchor Link

O PixPin inclui os seguintes formatos de cor. RGB e #HEX estão ativados por predefinição:

Ative os outros formatos antes de os poder selecionar com Shift⇧ Shift.

Formatos de cor personalizadosCopy Anchor Link

Se precisar de uma notação específica, como uma variável CSS ou uma constante de cor no código, pode adicionar o seu próprio formato.

Formatos de cor

RGBrgb(%Re, %Gr, %Bl)

BGRbgr(%Bl, %Gr, %Re)

HEX%Rex%Grx%Blx

#HEX#%Rex%Grx%Blx

HSVhsv(%Hu, %Sb%, %Va%)

HSLhsl(%Hu, %Sl%, %Li%)

CSS--brand: #%ReX%GrX%BlX;Assinale para ativar, duplo clique para editar, botão direito para o menu, arraste para ordenarNovo formatoOK

Adicionar formato

Nome:

CSSFormato:

--brand: #%ReX%GrX%BlX;

--brand: #FF8040;

Parâmetros disponíveis%ReVermelho%GrVerde%BlAzul%AlAlfa%HuMatiz%NaNome da corExemplo: %ReX representa o vermelho com dois dígitos hexadecimais maiúsculos.CancelarGuardar

1Assinale para ativar, arraste para ordenar2Pré-visualização em tempo real

Em Gerir formatos de cor:

Parâmetros comuns:

Pode acrescentar uma letra aos parâmetros vermelho, verde, azul e alfa para definir a notação numérica: b indica um valor de 0 a 255 (predefinido), x / X dois dígitos hexadecimais (minúsculas / maiúsculas), h / H um dígito hexadecimal e f / F um decimal de 0 a 1 (com / sem zero inicial). Por exemplo, #%ReX%GrX%BlX produz #0485F7.

Parâmetros disponíveis, na janela, apresenta todos os parâmetros, incluindo componentes de CMYK, HSI, CIE Lab, Oklab, Oklch e XYZ.

CoordenadasCopy Anchor Link

A lupa também mostra as coordenadas do píxel sob o ponteiro, com dois modos de apresentação:

• Coordenadas do ecrã: a origem é o canto superior esquerdo do ecrã.
• Coordenadas relativas à seleção: a origem é o canto superior esquerdo da seleção. Este modo permite medir a posição de elementos da interface dentro de uma área.

Prima PP para alternar entre os dois modos e Alt+C⌥ Option+C para copiar as coordenadas atuais.

• 1240, 712
  Coordenadas do ecrãA origem é o canto superior esquerdo do ecrã.
• 56, 68
  Coordenadas relativas à seleçãoA origem é o canto superior esquerdo da seleção. Prima P para alternar.
• Cor aplicada
  Cor para anotaçõesSelecione uma ferramenta de anotação e prima C para lhe aplicar a cor.

Obter cores ao anotarCopy Anchor Link

Ao anotar, pode obter uma cor diretamente da captura para a ferramenta de anotação atual, sem procurar uma cor semelhante na paleta:

Quando está selecionada uma ferramenta de anotação, CC aplica a cor à ferramenta. Não copia o valor da cor nem termina a captura.

Artigos relacionadosCopy Anchor Link