O DevTools permite criar cores com apenas alguns cliques, sem precisar digitar os valores.
O vídeo de dicas do DevTools a seguir mostra a maioria dos recursos básicos para a criação de cores. No entanto, desde que o vídeo foi lançado, alguns recursos foram implementados e um foi descontinuado.
Para aprender a criar cores rapidamente, assista ao vídeo e leia a documentação atualizada:
Para abrir o menu de formatação de cores, pressione Shift e clique na caixa de visualização de cores ao lado de um valor de cor.
Como mostrado no vídeo, edite e copie as cores com o seletor de cores.
Escolha uma cor de qualquer lugar da tela com o Conta-gotas.
Como mostrado no vídeo:
- Mude os valores de gradiente com o Ângulo de relógio.
- Use variáveis CSS personalizadas como uma paleta de cores.
Use o menu de formatação de cores para converter cores HD e não HD em vez de mudar o formato com os atalhos do menu de comando.
Conforme mostrado no vídeo, confira uma visão geral de todas as cores da sua página no painel CSS Overview.
Confira mais informações em: