Seletor de Cores

Escolha cores da tela ou de imagens. Amostre pixels e copie instantaneamente valores HEX, RGB, HSL, HSV e CMYK.

Seletor de cor da tela
Use o conta-gotas do navegador para amostrar qualquer pixel da tela.
Seletor de cor da imagem
Envie uma imagem e clique para amostrar um pixel. Você também pode arrastar um arquivo para enviar.
Cor selecionada
Escolha cores da tela ou de imagens. Amostre pixels e copie instantaneamente valores HEX, RGB, HSL, HSV e CMYK.
Ativar Alpha

Seletor de Cores

Origem: Ainda não selecionada

HEX
#3498DBFF
RGBA
rgba(52, 152, 219, 1)
HSLA
hsla(204, 70%, 53%, 1)
HSVA
hsva(204, 76%, 86%, 1)
CMYK
cmyk(76%, 31%, 0%, 14%)
Alfa
100%

O que esta ferramenta faz

Escolha cores da tela ou de imagens. Amostre pixels e copie instantaneamente valores HEX, RGB, HSL, HSV e CMYK.

Dicas para capturar cores

  • Use a captura de tela quando o navegador oferecer suporte ao EyeDropper e você precisar de uma cor de outro app, aba ou referência de design.
  • Use a captura por imagem quando precisar amostrar um pixel exato de uma captura de tela, logotipo, foto de produto ou mockup de interface.

Notas sobre a saída

  • Ative o alfa quando precisar de formatos com transparência como #RRGGBBAA, rgba(...), hsla(...) ou hsva(...).
  • HEX e RGB costumam ser os formatos mais práticos para web, enquanto CMYK é útil para entregas voltadas à impressão.