Bem-vindo de volta

Escolhe o tipo de artigo a adicionar a esta coleção

Adiciona uma coleção para organizar os teus itens

Cria a tua primeira coleção para organizar as tuas cores

Adiciona cores, paletas ou gradientes a esta coleção

Três cores com a mesma luminosidade e saturação, com matizes adjacentes na roda de cores, separadas por 30 graus. Transições suaves.

O daltonismo afecta aproximadamente 1 em cada 12 homens e 1 em cada 200 mulheres em todo o mundo. Este simulador ajuda os designers, programadores e criadores de conteúdos a compreenderem como as suas escolhas de cor aparecem a pessoas com várias formas de daltonismo.

Ao testar as tuas cores através de diferentes simulações de daltonismo, podes garantir que os teus designs são acessíveis e eficazes para todos os utilizadores. Esta ferramenta simula os tipos mais comuns de daltonismo, incluindo Protanopia, Deuteranopia, Tritanopia e daltonismo completo.

Compreender o daltonismo

Utiliza contrastes e padrões juntamente com cores para transmitir informações.

Desenha melhor

Cegueira azul-amarela (Tritanopia)

Código de cores

Verificador de contraste

Verifica como uma cor é percebida por pessoas com diferentes tipos de daltonismo para criar designs mais acessíveis. Compreender a perceção das cores ajuda a garantir que o teu conteúdo é acessível a todos.

Criador de gradientes

A cor, por si só, nunca deve ser a única forma de transmitir informações. Os testes com este simulador ajudam a identificar potenciais problemas.

Porque é que é importante

Cria uma conta gratuita para simular a aparência das cores para pessoas com diferentes tipos de daltonismo.

Inscreve-te para acederes ao Blindness Simulator

É assim que a cor aparece com uma visão cromática normal.

Cegueira vermelho-verde (Protanopia)

Ferramentas de acessibilidade relacionadas

8% dos homens e 0,5% das mulheres têm algum tipo de deficiência de visão cromática.

Impacto

Simulador de cegueira

Cegueira total às cores

Achromatomaly

Achromatopsia

Deuteranomalia

Deuteranopia

Protanomalia

Protanopia

Tritanomalia

Tritanopia

A cegueira vermelho-verde é a mais comum, afectando a perceção dos vermelhos e dos verdes.

Tipos

Perfeito para design de IU, visualização de dados, branding e qualquer conteúdo visual que dependa da diferenciação de cores.

Casos de utilização

A nossa ferramenta avançada de análise de cores fornece uma visão abrangente das propriedades, harmonias e efeitos psicológicos das cores. É perfeita para designers, programadores e artistas que procuram compreender os aspectos técnicos e emocionais da cor.

Analisa as harmonias de cores, o impacto psicológico, as especificações técnicas e as métricas de acessibilidade. Toma decisões informadas sobre a utilização da cor nos teus projectos com conhecimentos baseados em dados e aplicações profissionais da teoria da cor.

Compreender a análise de cores

Percepções e harmonia de cores profissionais

Análise completa da cor

Analisa as propriedades da cor com métricas avançadas, incluindo composição espetral, pureza da cor, efeitos de metamerismo e caraterísticas perceptivas. Estas ferramentas fornecem conhecimentos profundos sobre o comportamento e o aspeto da cor em diferentes condições de visualização.

Essencial para criar identidades de marca coesas, garantir a harmonia das cores nos designs e manter a consistência nos meios digitais e impressos. A nossa ferramenta de análise de cores fornece informações abrangentes para designers profissionais.

Design e marca

Gera esquemas de cores complementares, triádicos e análogos com base nas relações do círculo cromático

Harmonias de cores

Cria uma conta gratuita para veres análises e métricas de cor abrangentes.

Inscreve-te para acederes à Análise de Cores

Compreende a psicologia da cor e o impacto emocional nas campanhas de marketing. Analisa como as cores influenciam o comportamento do utilizador e as taxas de conversão nas estratégias de marketing digital.

Marketing e Psicologia

Acede a especificações de cor detalhadas, incluindo valores RGB, HSL, LAB e cálculos de luminância

Métricas técnicas

Gerador de paletas

Compreende como as cores aparecem em diferentes condições de iluminação e para vários públicos

Perceção visual

Como as cores aparecem à visão humana, incluindo a pureza, a dominância e o brilho percebido.

Propriedades perceptivas

Aplicações profissionais de análise de cor

Explora as associações emocionais e psicológicas que influenciam o comportamento e a perceção do utilizador

Psicologia da cor

Ferramentas de cor relacionadas

Medições de cor precisas baseadas na colorimetria e na análise espetral para aplicações técnicas.

Análise científica

Análise de cores

Analisa as cores para verificar a conformidade com a acessibilidade da Web, gera códigos de cores CSS e garante uma legibilidade ideal. Perfeito para programadores front-end que se concentram na experiência do utilizador e nas diretrizes WCAG.

Desenvolvimento Web

Cada harmonia tem a sua própria atmosfera. Use as harmonias para criar combinações de cores que funcionam bem juntas.

Utiliza uma cor dominante, apoia-a com uma cor secundária e acentua-a com moderação.

Assegura um contraste suficiente para facilitar a leitura e a acessibilidade.

As cores devem funcionar em conjunto para criar uma experiência visual unificada.

Princípios da teoria da cor

Uma cor e o seu oposto na roda de cores, +180 graus de matiz. Alto contraste.

Os significados das cores variam consoante as culturas, tendo um significado simbólico diferente em todo o mundo.

Cultura

Explora as dimensões artísticas e psicológicas das cores, incluindo associações sazonais, impacto emocional, ocorrências naturais, pigmentos históricos e receitas de mistura de cores para aplicações criativas.

Cria uma conta gratuita para explorar as dimensões criativas e artísticas das cores.

Inscreve-te para acederes aos Aspectos Criativos

As ocorrências naturais de cores inspiram o design e ligam-nos ao ambiente.

Natureza

As cores influenciam as emoções e o comportamento através de associações psicológicas desenvolvidas ao longo do tempo.

Psicologia

Aspectos criativos

Clica em qualquer cor para copiar o seu valor hexadecimal. Estas combinações são matematicamente comprovadas para criar harmonia visual.

As harmonias de cores criam equilíbrio e evocam emoções específicas nos teus desenhos.

Obtenha informações úteis sobre a cor 123456, como conversões, combinações, simulação de daltonismo e muito mais.

Seletor de Cores HTML: 123456

Três cores do mesmo matiz com valores de luminosidade +/-50%. Subtil e requintado.

Cores dos terminais, codificação de bytes e formatos de dados para utilização em programação.

Desenvolvimento

Converte cores em formatos práticos para aplicações do mundo real, incluindo simulação de impressão, ecrãs LED, saída de terminal e codificação de dados. Estes formatos ajudam-te a implementar cores em diferentes suportes, plataformas e dispositivos físicos.

Controla as tiras de LED, a iluminação RGB e o hardware de visualização com valores precisos.

Ecrãs digitais

Cria uma conta gratuita para ver e copiar todos os valores práticos do formato de cor.

Inscreve-te para acederes aos Formatos Práticos

Simula a forma como as cores aparecem quando impressas com tintas CMYK em suportes físicos.

Impressão e produção

Formatos práticos

Obtém acesso imediato a todas as conversões de formatos de cor para os teus projectos.

Acede a todos os formatos práticos

Variações mais escuras criadas pela adição de preto à tua cor de base.

Uma cor e duas adjacentes à sua complementar. Ousada como uma cor complementar direta, mas mais versátil.

Explora as representações avançadas do espaço de cor e os modelos de cor profissionais utilizados na produção de vídeo, fotografia, aplicações científicas e sistemas de gestão de cor. Estes formatos técnicos fornecem especificações de cor precisas para indústrias e aplicações especializadas.

Os fluxos de trabalho profissionais requerem formatos de cor específicos para garantir a consistência entre dispositivos e suportes.

Normas da indústria

Cria uma conta gratuita para ver e copiar todos os valores técnicos de formato de cor.

Inscreve-te para acederes aos Formatos Técnicos

Formatos técnicos

Obtém acesso imediato a mais de 10 formatos de cor profissionais com conversões precisas e explicações detalhadas.

Desbloqueia todos os formatos técnicos

Os diferentes espaços de cor são optimizados para fins específicos - desde a reprodução precisa da cor até à compressão eficiente de dados.

Porquê utilizar formatos técnicos

Dois conjuntos de cores complementares, separados por 60 graus de matiz.

Variações mais claras criadas pela adição de branco à tua cor de base.

Três cores uniformemente espaçadas na roda de cores, cada uma com 120 graus de diferença. É melhor deixar uma cor dominar e usar as outras como destaque.

O objetivo desta secção é produzir com precisão tons claros (com adição de branco puro) e sombras (com adição de preto puro) da cor selecionada, em incrementos de 10%.

Estas variações formam a base de uma paleta de cores coesa. Exporta-as para manter a consistência em todo o teu projeto.

Utiliza sombras para os estados de foco e sombras, matizes para os destaques e fundos.

Nome

Contacta-nos

Ajusta as barras deslizantes para melhorar o contraste do texto para uma melhor legibilidade

Este é um corpo de texto normal. A rápida raposa castanha salta sobre o cão preguiçoso.

Escolha uma cor utilizando o seletor de cores para o texto e o fundo, ou introduza uma cor no formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Pode ajustar o seletor para escolher a cor. As Diretrizes de Acessibilidade para o Conteúdo da Web (WCAG) têm uma norma específica para ajudar a determinar se o texto é legível para os utilizadores. Este critério utiliza um algoritmo para mapear combinações de cores em proporções comparáveis. Utilizando esta fórmula, as WCAG afirmam que uma relação de contraste de 4.5:1 entre o texto e o fundo é suficiente para texto normal, e que texto grande (18pt ou maior, ou 14pt ou maior e a negrito) deve ter uma relação de contraste de pelo menos 3:1.

Testa as combinações de cores para garantir que cumprem as normas de acessibilidade WCAG para a legibilidade do texto.

Verificador de Contraste de Cores: Com esta ferramenta online, pode obter detalhes sobre a relação de contraste entre as cores do texto e do fundo 123456.

Verificador de Contraste de Cores: 123456

Mostra o aspeto das cores quando invertidas, o que é útil para o modo escuro/claro.

A rápida raposa castanha salta sobre o cão preguiçoso

Pré-visualiza o título

Este é um texto pequeno para testar a legibilidade.

Este é um texto pequeno que deve ser legível.

Regista-te gratuitamente para teres acesso a 5 sugestões de cores inteligentes que mantêm a vitalidade e cumprem as normas de acessibilidade WCAG.

Desbloqueia as sugestões de cores inteligentes

Relação de contraste melhorada de 7:1 para texto normal e 4,5:1 para texto grande. Recomendado para uma acessibilidade óptima.

Relação de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande. Necessário para a maioria dos sítios Web.

Níveis de conformidade com as WCAG

As diretrizes WCAG garantem que o teu conteúdo é acessível a utilizadores com deficiências visuais.

Normas WCAG

Atenção

Para utilizar esta funcionalidade, tem de criar uma conta GRATUITA no imagecolorpicker. Depois, terá acesso a mais funcionalidades.

Criar uma nova paleta

Gere as tuas paletas e gradientes guardados

Os teus gradientes

Vê e gere as tuas paletas de cores guardadas

As tuas paletas

Painel de controlo

Editar a sua paleta

Crie gradientes fantásticos com o Criador de Gradientes do imagecolorpicker.com. Escolha entre gradientes lineares e radiais, adicione várias cores, rode o gradiente, guarde e partilhe as suas criações. Transfira diretamente o código CSS e integre facilmente os gradientes nos seus projetos.

Editar o seu gradiente

O título do gradiente é obrigatório

Criador de Gradientes - Crie Gradientes Lineares e Radiais Incríveis | imagecolorpicker.com

Gradiente

Gere códigos de cores, variações, harmonias e verifique as relações de contraste.

Gerador e Seletor de Códigos de Cores

Crie gradientes bonitos com facilidade - personalize cores, direções e exporte as suas criações.

Criador de Gradientes

Gira e organize as suas paletas de cores favoritas.

Veja e explore este gradiente partilhado.

Gradiente partilhado

Paleta partilhada

Notámos que está a usar um bloqueador de anúncios. Não há problema! Pode apoiar-nos com uma pequena doação para manter esta ferramenta gratuita para milhões de utilizadores. Cada café ajuda-nos a manter e a melhorar o serviço.

Detetado bloqueador de anúncios - Apoie-nos com um café!

Utilize o conta-gotas de imagens online acima para selecionar uma cor e obter o código de cor HTML desse pixel. Também obterá o valor do código de cor HEX, o valor RGB e o valor HSV. Em 'Use a sua imagem', pode carregar a sua própria imagem (por exemplo, uma captura de ecrã do seu ambiente de trabalho), colar uma imagem da área de transferência, ou introduzir o URL da imagem ou de um website na caixa de texto. Verá uma miniatura no lado esquerdo.

Larga um ficheiro de imagem para carregar. Formatos suportados: PNG, JPG, JPEG.

Carregamento de imagens

Conta-gotas: Com esta ferramenta online, pode carregar uma imagem ou fornecer o URL de um website e obter os códigos de cor RGB, HEX e HSL. 👍

Conta-gotas Online | Conta-gotas HEX | Conta-gotas HTML

Se estiver a usar um Mac ou um computador com um sistema operativo e um browser atualizados, pode utilizar esta funcionalidade. Testámos o Safari, Edge, Firefox e Chrome. O aspeto pode variar ligeiramente.

Pode utilizar esta funcionalidade 3 vezes gratuitamente e depois ver um anúncio rápido para mais 3 utilizações. O seu apoio ajuda-nos a manter esta ferramenta gratuita para mais de 3 milhões de utilizadores em todo o mundo.

Veja um anúncio de 15 segundos para continuar a utilizá-la gratuitamente

Já utilizou esta funcionalidade 3 vezes!

Cria uma conta gratuita para ignorar anúncios sempre que quiseres

Ainda estamos no início da nossa jornada com o seletor de cores, haverá muito mais funcionalidades a caminho, vale a pena.

Introduza o seu endereço de e-mail e enviar-lhe-emos um link seguro para iniciar sessão.

O título da paleta é obrigatório

Ainda não guardou nenhuma paleta de cores. Guarde uma e irá encontrá-la aqui.

A paleta de cores que foi partilhada consigo já não existe, provavelmente foi eliminada pelo criador. Contacte a pessoa de quem recebeu este link.

Paleta

O título é obrigatório

Dá um nome e uma descrição ao teu projeto

Organiza as tuas cores, paletas e gradientes em projectos e colecções

Os meus projectos

Organiza os teus activos de design em projectos

Este site é financiado por publicidade. Tem um bloqueador ativo. Compreendemos que não queira ver anúncios. Manter este site tem custos. Agradecemos imenso cada café!

Uma ferramenta online para escolher cores de imagens, websites e do seu ecrã. Obtenha códigos de cores HEX, RGB e HSL instantaneamente.

Ferramenta online para extrair códigos de cores (HEX, RGB) de imagens e websites. 100% gratuito.

ImageColorPicker.com

Contacta-nos