Como usar
- Digite a cor em qualquer formato (ex.: #ff6600, rgb(255,102,0) ou “laranja”) ou use o seletor.
- Copie o formato que precisar: HEX, RGB, HSL, HSV ou CMYK.
- Para pegar a cor de uma foto ou print, envie a imagem e toque no ponto desejado.
Qual formato usar?
- HEX (#1165E8): o mais usado em sites, CSS, Canva e Figma.
- RGB (17, 101, 232): vermelho, verde e azul de 0 a 255 — telas e programação.
- HSL (217°, 86%, 49%): matiz, saturação e luminosidade — ótimo para criar variações da mesma cor.
- CMYK (93, 56, 0, 9): ciano, magenta, amarelo e preto — impressão. A conversão é aproximada: a gráfica usa o perfil de cor dela, então peça uma prova de cor para trabalhos importantes.
Contraste e acessibilidade
Texto com pouco contraste cansa a vista e fica ilegível para quem tem baixa visão ou está no sol. As diretrizes WCAG pedem uma razão mínima de 4,5:1 para texto comum. O teste acima calcula a razão exata e diz se a combinação passa nos níveis AA e AAA.
Quer montar uma paleta completa? Use o gerador de paleta de cores. Para descobrir as cores que combinam com você, faça o teste de colorimetria.
Perguntas frequentes
O conta-gotas não aparece. Por quê?
O conta-gotas da tela só existe no Chrome e no Edge para computador. No celular e nos outros navegadores, use “Pegar cor de uma imagem” com um print da tela.
O CMYK é exato?
Não existe conversão exata sem o perfil de cor da impressora. O valor aqui é a conversão padrão e serve de ponto de partida.
Minha imagem é enviada?
Não. A imagem é aberta no seu navegador e não sai do seu aparelho.