Seletor de Cores

O Seletor de Cores é uma ferramenta intuitiva e permite que os usuários selecionem e ajustem cores facilmente, além de fornecer vários formatos de valores de cores para utilização em diferentes contextos.

Passo a Passo para Utilização do Seletor de Cores

1. Visualizar o Layout

• A ferramenta é composta por:
  • Seletor de cores: à direita, onde você pode escolher a cor desejada.
  • Exibidor de cores: à esquerda, que mostra a cor selecionada.
  • Campos de Valores: abaixo do seletor de cores, onde são exibidos os valores HEX, RGB, CMYK, HSV e HSL da cor selecionada.

2. Selecionar uma Cor

1. Usar o Seletor de Cores:

   • Clique no quadrado colorido dentro da área do seletor de cores.
   • Use o mouse para mover o cursor e escolher a cor desejada.
   • A cor selecionada será exibida na área do exibidor de cores.

2. Ajustar Precisão da Cor:

   • Use a barra de cores na parte inferior do seletor para ajustar a tonalidade da cor.

3. Visualizar os Valores de Cor

• HEX (Hexadecimal):

  • O código hexadecimal da cor selecionada é exibido no campo HEX.
  • Exemplo: #4287f5.

• RGB (Red, Green, Blue):

  • Os valores Red (Vermelho), Green (Verde) e Blue (Azul) da cor são exibidos no campo RGB.
  • Exemplo: 66, 135, 245.

• HSV (Hue, Saturation, Value):

  • Os valores Hue (Matiz), Saturation (Saturação) e Value (Valor) da cor são exibidos no campo HSV.
  • Exemplo: 217°, 73%, 96%.

• HSL (Hue, Saturation, Lightness):

  • Os valores Hue (Matiz), Saturation (Saturação) e Lightness (Luminosidade) da cor são exibidos no campo HSL.
  • Exemplo: 217°, 90%, 61%.

• CMYK (Cyan, Magenta, Yellow, Key):

  • Os valores Cyan (Ciano), Magenta, Yellow (Amarelo) e Key (Preto) da cor são exibidos no campo CMYK.
  • Exemplo: 73%, 45%, 0%, 4%.

4. Editar Valores Manualmente

• Editar o Valor HEX:

  • Você pode editar o valor hexadecimal diretamente no campo HEX.

• Editar os Valores RGB:

  • Você pode editar os valores RGB diretamente no campo RGB. 

• Editar os Valores CMYK:

  • Você pode editar os valores CMYK diretamente no campo CMYK.

• Editar os Valores HSV:

  • Você pode editar os valores HSV diretamente no campo HSV.

• Editar os Valores HSL:

  • Você pode editar os valores HSL diretamente no campo HSL.

5. Copiar o Valor HEX

• Para copiar o valor hexadecimal da cor selecionada:
  • Clique no botão Copiar ao lado do campo HEX.
  • O valor será copiado para a área de transferência, podendo ser colado em qualquer campo de texto.