Hoje iremos apresentar como aplicar a nova função, Color Picker.

O que seria “Color Picker”?

O Color Picker é um seletor de cores, possibilitando criar uma paleta de cores de acordo com a sua necessidade.
Como ele apresentará uma paleta de cor similar à cor pré-estabelecida, poderá auxiliar quando você estiver em dúvida na escolha de uma cor.

Abrindo o Color Picker

Você poderá abrir diretamente da janela de Cor.

Aplicando o Color Picker

Criando uma nova aba
Primeiramente vamos criar uma nova aba.
Clique no ícone evidenciado na imagem abaixo para criar uma nova paleta de cores.

Configurações
Segue abaixo as configurações disponíveis para selecionar a paleta de cores.

Name: Nome da aba;

Hue pattem: Padrão de Tonalidade; Você poderá definir como exibir as cores, através do “Círculo Cromático”. Essa configuração modificará na linha horizontal.

*Specify the angle: Especificação do ângulo; Você poderá especificar o ângulo (espaçamento entre as cores) e a quantidade de cores que será exibida na horizontal.

*Specify division number: Especificar uma quantidade para dividir o Circulo Cromático. Por exemplo, dividir em 10 partes uma circunferência de 360º, 360÷10= 36, portanto o intervalo das cores da paleta será de 36º.

*Custom: Você poderá inserir livremente as angulações dos intervalos das cores da paleta. o número “0” será a sua cor padrão (sempre localizada no centro, conforme indicado abaixo) e você poderá digitar números positivos e negativos, de acordo com sua preferência.

Number in the vertical direction: Quantidade de linhas na vertical.

Saturation: Você poderá definir a saturação da cor no intervalo de 0-100 na horizontal. Se selecionar “Use current color” ele irá utilizar como base a cor pré-estabelecida.

Brightness: Você poderá definir o brilho da cor no intervalo de 0-100 na horizontal. Se selecionar “Use current color” ele irá utilizar como base a cor pré-estabelecida.

Experimentando o Color Picker

Selecione criar uma nova aba ou modificar uma aba existente no Color Picker.

O Color Picker sempre trará a cor padrão definida no centro. E se você selecionar uma das cores do Color Picker ele irá automaticamente tornar a sua cor padrão.

Voltar ao menu de tutoriais