Como funciona
Arraste dentro do quadrado para ajustar a saturação e o brilho, e use a barra de arco-íris para o matiz. Você também pode digitar um código, usar o seletor de cores do sistema, capturar qualquer pixel da tela (nos navegadores compatíveis) ou tocar em um ponto da sua própria foto. Cada cor aparece em HEX, RGB, HSL, HSV e CMYK, e as cores escolhidas recentemente ficam em uma fileira para comparação rápida.
#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)
Qual formato usar
- HEX: o código mais comum em sites e ferramentas de design.
- RGB: luz vermelha, verde e azul de 0 a 255, usada nas telas.
- HSL e HSV: matiz, saturação e luminosidade ou brilho — o jeito mais fácil de deixar uma cor mais clara, mais escura ou mais suave.
- CMYK: um ponto de partida aproximado para impressão; confirme com o perfil da sua gráfica.
Dicas
- A captura de cores da tela funciona no Chrome e no Edge para desktop; no celular, capture de uma imagem.
- As fotos são lidas no seu dispositivo e nunca são enviadas.
- Clique em qualquer valor para copiá-lo.
Padrões e fontes
- Os valores de cor seguem o CSS Color Module Level 4 (sRGB)
- A captura de cores da tela usa a EyeDropper API quando o navegador oferece suporte
Última revisão 7 de outubro de 2026
Perguntas frequentes
Como capturar uma cor de uma imagem?
Escolha a imagem em “Capturar de uma imagem” e toque no ponto desejado. A cor sob o seu dedo ou cursor é capturada.
Posso capturar uma cor de qualquer lugar da tela?
Sim, no Chrome e no Edge para desktop. Toque em “Capturar da tela” e clique em qualquer pixel, mesmo fora da janela do navegador.
Qual é a diferença entre HSL e HSV?
Os dois usam matiz e saturação. O HSL usa luminosidade, em que 100% é branco; o HSV usa brilho, em que 100% é a cor plena.
Minhas fotos são enviadas?
Não. As imagens são desenhadas e lidas dentro do seu navegador e nunca saem do seu dispositivo.
Como copiar um código de cor?
Clique em qualquer valor HEX, RGB, HSL, HSV ou CMYK, ou use o botão de copiar para copiar os códigos principais juntos.