Escolha uma cor
Arraste no quadro e na barra de matiz ou digite o código HEX, RGB ou HSL. Copie o valor com um clique.
Tons: do mais claro ao mais escuro
Cores complementares e harmonias
Faça upload de uma imagem e clique para escolher cores diretamente dela
Clique para abrir o seletor de cores do espectro
Cores Predefinidas
Histórico de Cores
Como usar o seletor de cores
-
1
Escolha a cor
Clique na prévia para abrir o espectro e ajuste o brilho, digite um código HEX ou RGB, ou use uma das cores predefinidas.
-
2
Ou pegue a cor de uma imagem
Envie uma foto, print ou logotipo e clique no ponto exato da imagem. A ferramenta identifica a cor daquele pixel.
-
3
Escolha o formato
Veja o mesmo tom em HEX, RGB, HSL, HSV e CMYK e selecione o formato que o seu programa ou site usa.
-
4
Copie o código
Clique em Copiar Cor. As cores que você usou ficam no histórico para comparar e reaproveitar.
Identificador de cores a partir de imagens
Quer descobrir a cor exata de um logotipo, de uma roupa numa foto ou de um site de referência? Envie a imagem e clique sobre ela: o identificador de cores lê o pixel escolhido e mostra o código na hora. A imagem é aberta só no seu navegador, sem upload, então dá para usar com materiais de clientes e arquivos internos sem preocupação.
Para acertar em áreas com textura ou sombra, clique em alguns pontos próximos e compare os resultados no histórico. Fotos com compressão forte (como imagens reenviadas várias vezes em aplicativos de mensagem) podem ter pequenas variações de cor entre pixels vizinhos.
HEX, RGB, HSL, HSV ou CMYK: qual usar?
- HEX (#FF6B6B): o formato mais comum em CSS, HTML, Figma e Canva.
- RGB (255, 107, 107): vermelho, verde e azul de 0 a 255; usado em telas, programação e edição de imagens.
- HSL: matiz, saturação e luminosidade; facilita criar variações mais claras ou escuras da mesma cor no CSS.
- HSV: matiz, saturação e valor; é o modelo dos seletores do Photoshop e de muitos editores.
- CMYK: ciano, magenta, amarelo e preto; a referência para material impresso em gráfica.
Dicas para escolher cores que funcionam
Ao montar uma paleta, parta de uma cor principal e crie variações mudando apenas a luminosidade no HSL; assim os tons combinam entre si. Para textos, verifique o contraste com o fundo: textos claros em fundos claros ficam difíceis de ler, principalmente no celular e ao ar livre.
Lembre também que a cor na tela e no papel não é idêntica. Se o material vai para impressão, confira o valor CMYK e, quando possível, peça uma prova de cor à gráfica, porque monitores diferentes mostram o mesmo código RGB de formas levemente diferentes.
Perguntas frequentes sobre o seletor de cores
Como descobrir a cor de uma imagem?
Envie a imagem nesta página e clique no ponto desejado. O código da cor aparece em HEX, RGB, HSL, HSV e CMYK.
Como converter HEX para RGB?
Digite o código HEX no campo correspondente e mude o formato para RGB. A conversão é instantânea, e funciona também no sentido contrário.
O seletor de cores funciona com CMYK?
Sim. Selecione CMYK no formato da cor para ver os percentuais de ciano, magenta, amarelo e preto do tom escolhido.
Minhas imagens são enviadas para algum lugar?
Não. A imagem é aberta apenas no seu navegador para leitura dos pixels.
Qual a diferença entre RGB e CMYK?
RGB mistura luz vermelha, verde e azul e é usado em telas. CMYK mistura tintas ciano, magenta, amarela e preta e é usado na impressão. Por isso algumas cores muito vivas na tela não podem ser impressas exatamente iguais.
Dá para usar no celular?
Sim. O seletor funciona em navegadores de celular e tablet; toque na imagem para escolher a cor.
Dominando a Seleção de Cores: Um Guia Completo para Selecionadores de Cores
Descubra a arte e a ciência da seleção de cores com nosso guia completo para usar selecionadores de cores de forma eficaz em design, desenvolvimento e projetos criativos.
Por Que Usar Selecionadores de Cores?
Os selecionadores de cores são ferramentas essenciais para qualquer pessoa trabalhando com design digital, desenvolvimento web ou projetos criativos. Eles fornecem capacidades precisas de seleção e conversão de cores que garantem consistência em diferentes plataformas e aplicações.
Key Benefits:
- Correspondência precisa de cores de qualquer fonte
- Suporte a múltiplos formatos de cor (HEX, RGB, HSL, etc.)
- Gerenciamento de histórico e cores predefinidas
- Visualização e ajuste de cores em tempo real
- Compatibilidade multiplataforma
- Otimização de workflow para economia de tempo
Noções Básicas da Teoria das Cores
Compreender a teoria das cores é fundamental para uma seleção eficaz de cores. Aprenda sobre a roda de cores, harmonias e impactos psicológicos de diferentes cores.
Cores Primárias
Vermelho, azul e amarelo - a base de todas as outras cores
Identidade de marca, elementos básicos de design
Cores Secundárias
Verde, laranja e roxo - criados misturando as primárias
Cores de destaque, elementos complementares
Cores Terciárias
Vermelho-laranja, amarelo-verde, etc. - matizes mais complexos
Esquemas de cores avançados, designs sofisticados
Temperatura das Cores
Cores quentes vs frias e seus efeitos psicológicos
Definição de clima, personalidade da marca
Tipos de Selecionadores de Cores
Diferentes ferramentas de seleção de cores servem propósitos diferentes. Compreender os vários tipos ajuda você a escolher a ferramenta certa para suas necessidades específicas.
Selecionadores Baseados em Imagem
Extraem cores diretamente de imagens e fotos
Correspondência de designs existentes, cores de marca
Selecionadores Baseados em Espectro
Roda de cores interativa e controles deslizantes para seleção criativa
Criação de cores originais, exploração de design
Geradores de Paleta
Criem esquemas de cores harmoniosos automaticamente
Sistemas de design completos, harmonia de cores
Ferramentas de Acessibilidade
Garantem que as escolhas de cores atendam aos padrões de acessibilidade
Design inclusivo, acessibilidade web
Aplicações de Selecionadores de Cores em Design
Os selecionadores de cores são usados em várias disciplinas de design. Cada campo tem requisitos e melhores práticas únicos para seleção de cores.
Design Web
Design Gráfico
Design UI/UX
Materiais de Marketing
Acessibilidade de Cores e Padrões
A acessibilidade de cores garante que o conteúdo digital seja utilizável por pessoas com deficiências visuais. Compreender as diretrizes WCAG é crucial para design inclusivo.
Accessibility Standards:
Accessibility Tools:
- Ferramentas automatizadas para verificar proporções de contraste de cores
- Visualize designs como visto por usuários com daltonismo
- Ferramentas completas de teste de acessibilidade
Erros Comuns com Selecionadores de Cores
Mesmo designers experientes cometem erros com seleção de cores. Estar ciente desses pitfalls ajuda a criar melhores designs.
Ignorando o Contexto das Cores
Sempre teste cores em seu contexto pretendido e condições de iluminação
Usando Excessivamente Cores Brilhantes
Equilibre cores de destaque brilhantes com fundos neutros
Descuidando da Acessibilidade
Sempre verifique proporções de contraste e compatibilidade com daltonismo
Usando Formatos de Cor Inconsistentes
Padronize em um formato (geralmente HEX) para seu projeto
Ignorando Diretrizes de Marca
Mantenha consistência de cores de marca em todas as plataformas
Benefícios SEO do Uso de Selecionadores de Cores
Correspondência Precisa de Cores
Garanta consistência de marca em todos os ativos digitais
Conformidade com Acessibilidade
Atenda aos padrões WCAG para melhores classificações de pesquisa
Otimização de Performance
Otimize o uso de cores para tempos de carregamento mais rápidos
Experiência do Usuário Aprimorada
Crie interfaces visualmente atraentes e acessíveis
Consistência Multiplataforma
Mantenha integridade de design em todos os dispositivos
Qualidade Profissional
Entregue designs polidos e com aparência profissional
Quem se Beneficia dos Selecionadores de Cores?
Designers gráficos e web criando identidades de marca consistentes
Desenvolvedores frontend implementando esquemas de cores precisos
Profissionais de marketing mantendo consistência de marca
Empresas garantindo apresentação visual profissional
Estudantes de design aprendendo teoria e aplicação de cores
Criadores independentes trabalhando em múltiplos projetos