Seletor de cores e paleta
Ajustar RGB
Ajustar HSL
Formatos de cor
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
hsv(239, 59%, 95%)
cmyk(59%, 58%, 0%, 5%)
Tons e matizes
Paletas harmónicas
Clique num quadrado para o tornar a cor ativa
Complementar
Análogas
Triádicas
Tetrádicas
Complementares divididas
Monocromáticas
Perguntas frequentes
O que convém saber sobre cores e paletas
O que é o modelo CMYK e quando se usa?
O CMYK (ciano, magenta, amarelo e preto) é o modelo subtrativo da impressão: diz quanto de cada tinta é preciso sobre papel branco. Ao contrário do RGB, que é dos ecrãs e trabalha com luz, o CMYK parte do branco e vai «tirando» luz com tinta. Os valores são percentagens de 0 a 100. Use CMYK ao preparar ficheiros para impressão, contando que a conversão a partir de RGB é aproximada, porque se imprimem menos cores do que as que o ecrã mostra.
Qual é a diferença entre HSL e HSV?
Ambos descrevem as cores pelo matiz, de 0 a 360 graus. O HSL usa saturação e luminosidade: a 100% de luminosidade sai sempre branco, a 0% preto, e as cores puras ficam nos 50%. O HSV usa saturação e valor: a 100% de valor e 100% de saturação tem-se a cor pura mais intensa, e a 0% de valor, preto. O HSV dá jeito em seletores como este; o HSL costuma preferir-se em CSS, por ser mais intuitivo para clarear e escurecer.
Como funcionam as paletas harmónicas?
As harmonias dependem de onde as cores ficam na roda em relação ao matiz escolhido. Complementar é +180°, o contraste máximo; análogas são ±30°, harmonias suaves; triádicas são +120° e +240°, vivas e equilibradas; tetrádicas são quatro cores a 90°; complementares divididas são +150° e +210°, de contraste mais suave; monocromáticas são o mesmo matiz com luminosidades diferentes. Clique num quadrado gerado para continuar a explorar a partir dele.
As minhas cores são enviadas para um servidor?
Não. Todas as conversões e paletas são feitas no seu navegador, em JavaScript: nada é enviado nem guardado nos nossos servidores. O botão «Escolher do ecrã» usa a API EyeDropper nativa do navegador, disponível no Chrome, no Edge e noutros baseados em Chromium, e funciona só localmente.
Como se escolhe a cor?
Escrevendo o código HEX, mexendo nos cursores de RGB e HSL ou carregando no botão que tira uma ao acaso. Nos navegadores que o permitem, também se pode apanhar uma cor diretamente do ecrã.
Em que formatos aparece a cor?
Cada cor aparece em HEX, RGB, HSL, HSV e CMYK, e cada valor copia-se com um clique. O CMYK é o formato da impressão, enquanto o HEX e o RGB são os usados na web.
Que paletas são geradas?
Da cor ativa saem as paletas complementar, análoga, triádica, tetrádica, complementar dividida e monocromática, mais uma escala de nove tons do mais claro ao mais escuro.