Escolher uma cor

Matiz

Cor HEX

Harmonia de cores

Variações de cor

Tons claros

Tons escuros

Tons neutros

O que esta ferramenta faz

O seletor permite escolher uma cor pelo controle nativo ou por um valor HEX e visualizar os valores RGB e HSL correspondentes.

A partir da cor selecionada, ele calcula harmonias relacionadas e variações mais claras, mais escuras e mais neutras.

Como usar

Escolha uma cor com o controle de cores ou digite um valor HEX completo.
Selecione um tipo de harmonia para ver cores relacionadas calculadas no mesmo espaço HSL.
Clique em um valor de qualquer paleta para copiá-lo para a área de transferência.

Utilizações práticas

Documentar uma cor-base de um projeto com seus valores HEX, RGB e HSL.
Escolher uma cor inicial de destaque ou apoio para uma interface a partir de uma harmonia complementar ou triádica.
Preparar valores mais claros e mais escuros para fundos, bordas ou elementos em destaque.

Notas e limites

A prévia usa valores de cor comuns do navegador e não considera perfis específicos de monitor, impressão ou ICC.
As paletas calculadas não verificam contraste nem acessibilidade. Analise separadamente as combinações importantes de texto e fundo.

Perguntas frequentes

As paletas sugeridas são automaticamente acessíveis?

Não. Harmonias e variações são calculadas a partir de valores de cor. Verifique o contraste real de cada combinação de texto e fundo que você pretende usar.