Dicas do DevTools: como criar cores

Sofia Emelianova
Sofia Emelianova

Com as Ferramentas do desenvolvedor, você pode criar cores com apenas alguns cliques, em vez de digitar os valores.

O vídeo a seguir mostra a maioria dos recursos básicos de criação de cores. No entanto, desde o lançamento do vídeo, alguns recursos foram implementados e um foi descontinuado.

Para saber como criar cores rapidamente, assista o vídeo e leia a documentação atualizada:

  • Para abrir o menu de formato de cor, pressione Shift e clique na caixa de visualização de cor ao lado de um valor de cor.

  • Como mostrado no vídeo, edite e copie cores com o Seletor de cores.

  • Selecione uma cor em qualquer lugar da tela com o Conta-gotas.

  • Conforme mostrado no vídeo:

    • Mude os valores do gradiente com o Ângulo do relógio.
    • Use variáveis CSS personalizadas como uma paleta de cores.
  • Use o menu de formato de cores para converter cores em HD e não em HD em vez de mudar o formato com atalhos do menu de comando.

  • Como mostrado no vídeo, confira uma visão geral de todas as cores da sua página com o painel CSS Overview.

Confira mais informações em: