Seletor de cores no círculo cromático

Escolha um matiz no círculo cromático, ajuste a saturação e a luminosidade e copie os códigos das cores.

No seu dispositivo · Sem conta

Seletor de cores no círculo cromático processa os dados que você informa neste navegador. Os dados informados e os resultados ficam fora da análise de uso. As ferramentas recentes salvam nomes de ferramentas, número de visitas e horários da última visita. As ferramentas salvas armazenam apenas seus nomes. Salvar rascunhos é opcional, e eles ficam neste dispositivo; exclua o texto salvo pelos controles de rascunho. Carregar texto de uma URL é opcional e acessa o servidor correspondente; esse servidor pode ver a URL e seu endereço IP. A ação opcional “Usar em” mantém nesta aba os dados a transferir. A próxima ferramenta os remove ao abrir e os ignora se tiver passado mais de um minuto.

“Copiar link” inclui no endereço os dados que você escolher compartilhar. Qualquer pessoa com esse link pode reabri-los. Arquivos e resultados gerados ficam de fora. Ferramentas de senhas e chaves compartilham apenas as configurações.

O anel mostra os matizes com saturação máxima e 50% de luminosidade. As amostras mostram a saturação e a luminosidade escolhidas.

Suas cores

Mais
Atalhos de teclado

Sobre links e redefinição

Os links incluem os dados que você inseriu e as configurações. Qualquer pessoa com o link pode vê-los, então não inclua textos privados. Arquivos e resultados gerados não são incluídos; os sorteios são feitos novamente.

Reiniciar recarrega a ferramenta com os valores iniciais e libera os arquivos abertos e os controles de dispositivos. Os rascunhos salvos ficam neste dispositivo até você excluí-los.

Escolha cores no círculo cromático

Toque no anel para escolher um matiz ou digite seu ângulo no campo Matiz. Defina a saturação e a luminosidade e escolha uma cor ou uma harmonia. Copie os códigos HEX ou baixe-os como variáveis CSS.

O anel de matizes mostra saturação máxima e luminosidade de 50%. As amostras do resultado usam a saturação e a luminosidade escolhidas. O código abaixo de cada amostra permanece legível independentemente da cor.

A seguir: Seletor de cores

Exemplo

Matiz 0, saturação de 100% e luminosidade de 50% resultam em #FF0000. O modo complementar adiciona o matiz 180, que resulta em #00FFFF.

A seguir: Gerador de paleta de cores

Antes de usar o resultado

Este é um círculo HSL em sRGB, não um modelo de mistura de tintas. Uma harmonia não garante contraste legível para o texto. Confira a cor do texto e a do fundo juntas antes de usar uma paleta em textos.

A seguir: Verificador de contraste de cores

Ferramentas para a mesma tarefa

Ajuda com o resultado

Como citar esta página

ToolOctopus. “Seletor de cores no círculo cromático.” Atualizado 7 de outubro de 2026. https://tooloctopus.com/pt/seletor-de-cores-no-círculo-cromático.

Inclua a data de acesso se as suas instruções exigirem.

As citações são formatadas com citeproc-js, de Frank Bennett, e estilos da Citation Style Language. Licença e código-fonte.

Encontrar uma ferramenta

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.