Envie uma imagem, clique em qualquer ponto e obtenha instantaneamente os valores exatos HEX, RGB e HSL.
🖱️ Move your mouse over the image and click to select a color.
Descubra mais de 100 combinações de cores selecionadas para seu próximo projeto.
O ColorPick ajuda designers, desenvolvedores, artistas e criadores a extrair cores de imagens rapidamente.
ColorPick guide
O ColorPick resolve uma tarefa prática: encontrar uma cor digital utilizável em uma imagem, captura de tela, foto, ilustração ou referência de design. Em vez de estimar a cor visualmente, envie a imagem, selecione a área desejada e copie o valor HEX, RGB ou HSL para seu design ou código.
Ao selecionar uma imagem, o seletor a lê no navegador e permite analisar as cores visualmente. Passe o ponteiro sobre a imagem para visualizar uma cor e clique para selecioná-la. A cor escolhida aparece em vários formatos. Você também pode adicioná-la ao My Palette e continuar reunindo cores da mesma imagem.
HEX representa a cor usando valores hexadecimais e é comum em CSS. RGB descreve as quantidades de vermelho, verde e azul. HSL descreve matiz, saturação e luminosidade, facilitando alguns ajustes controlados. Os três formatos representam a mesma cor digital de maneiras diferentes; converter entre eles não cria automaticamente uma nova cor.
Comece selecionando as cores importantes da imagem: fundo, destaque, texto, ilustração ou elemento de produto. Salve as cores necessárias no My Palette e use Color Code, Color Suggestions ou Color Wheel para explorar tons e cores de apoio. Antes de publicar, confira as cores no contexto final, pois o contraste e as cores ao redor podem alterar a percepção.
Sempre que possível, use a imagem original ou de maior qualidade. Capturas comprimidas podem ter pixels alterados pela compressão e por efeitos de imagem. Em gradientes, sombras, fotos e texturas, faça várias amostras em vez de depender de um único pixel. O ColorPick mostra o valor digital amostrado; o resultado final ainda deve ser testado na tela e no contexto real do design.
O ColorPick ajuda a identificar e reutilizar cores encontradas em fotos, capturas de tela e referências de design.
ColorPick
Respostas práticas para dúvidas comuns sobre esta ferramenta do ColorPick.
Upload an image, move the pointer over it, and click the area you want. ColorPick shows the selected color and its HEX, RGB and HSL values.
The image picker reads the selected image in your browser so you can sample colors locally. The contact form is a separate feature that can send a message when you submit it.
The picker provides HEX, RGB and HSL values so you can use the same color in web design, UI, graphics and other digital projects.
Um seletor de cores é uma ferramenta para escolher uma cor digital e descobrir seu valor. Com o ColorPick, você pode selecionar uma cor de uma imagem e obter seus valores HEX, RGB e HSL.
Ela ajuda a identificar uma cor com precisão em fotos, capturas de tela, ilustrações, imagens de produtos ou referências de design e reutilizá-la em projetos ou código.
Abra o Color Wheel e observe a relação entre os tons. Use cores complementares, análogas e outras harmonias para encontrar combinações equilibradas.
COLOR TOOLS
Use ColorPick as an online color picker to sample colors from photos, screenshots, artwork, and design mockups. Choose a shade and copy its HEX, RGB, or RGBA value for websites, graphic design, branding, and digital projects. Whether you need a hex color picker, rgb color picker, HTML color picker, or color picker from image, the goal is to identify a precise color quickly and reuse it in your workflow.