Seletor de Cores
Selecione cores, gere paletas e verifique acessibilidade em tempo real.
Seletor Interativo
Valores da Cor
Ajuste os parâmetros da cor manualmente.
Formatos de Cor
#4a90e2rgb(74, 144, 226)hsl(212, 72%, 59%)cmyk(67%, 36%, 0%, 11%)Harmonias de Cores
Clique em qualquer cor para selecioná-la.
Complementar
#E29C4AAnáloga
#4ACDE2#4AAEE2#4A90E2Triádica
#E24A90#90E24ATetrádica
#E24ADC#E29C4A#4AE250O que esta ferramenta faz?
O Seletor de Cores é uma ferramenta avançada para designers e desenvolvedores encontrarem, converterem e testarem cores para projetos digitais.
Principais Recursos
- Seleção Visual: Interface intuitiva para escolher qualquer cor visualmente.
- Harmonias de Cores: Gere paletas complementares, análogas, triádicas e tetrádicas.
- Acessibilidade WCAG: Verifique as taxas de contraste para garantir que seus designs sejam legíveis.
- Múltiplos Formatos: Obtenha valores nos formatos HEX, RGB e HSL instantaneamente.
- Tonalidades e Sombras: Explore variações claras e escuras da cor selecionada.
- Atualizações em Tempo Real: Veja todos os valores e classificações mudarem conforme você ajusta a cor.
Perguntas Frequentes
O que é o modelo de cores RGB?
RGB significa Red (Vermelho), Green (Verde) e Blue (Azul). É um modelo de cor aditivo usado para telas digitais.
Qual a diferença entre HEX e HSL?
HEX é uma representação hexadecimal dos valores RGB. HSL significa Matiz, Saturação e Luminosidade, sendo mais intuitivo para humanos.
Por que o contraste de cores é importante?
O contraste garante que o texto seja legível para todos os usuários, incluindo aqueles com deficiências visuais. Os padrões WCAG fornecem diretrizes para essas taxas.
Ainda com Dúvidas sobre Teoria das Cores e Design?
Aprofunde seu conhecimento. Faça uma pergunta ao nosso Engenheiro Especialista de IA.
Receba as novidades do site
Cadastre-se para receber novidades do site direto no seu email
Não enviaremos spam. Você pode cancelar a inscrição a qualquer momento.