Conversor e Seletor de Cores
Escolha uma cor, converta-a para HEX, RGB, HSL e descubra combinações harmoniosas para o seu site.
Cor base
Clique no quadrado para selecionar
#2563EB
Formatos de código
🎨 Combinações de cores harmoniosas (Círculo cromático)
Seleção automática de cores que combinam perfeitamente com a sua cor base. Clique em qualquer tom para copiar.
Complementares
Cores opostas no círculo cromático.
Análogas
Transição suave de tons adjacentes.
Tríade (3 cores)
Acentos vibrantes equidistantes.
Tons monocromáticos
Luminosidade variada de uma única cor.
Paletas prontas para sites por estilo
Clique em qualquer cor da paleta para defini-la como cor base.
💼 Tech & Dashboard (SaaS стиль)
Para painéis de controlo e serviços de TI.
🌙 Dark Developer (Темна тема)
Para terminais, painéis de administração e portefólios.
Perguntas Frequentes
Qual é a diferença entre HEX, RGB e HSL?
HEX é um código hexadecimal de 6 dígitos usado na web, RGB descreve a intensidade luminosa de Vermelho, Verde e Azul, e HSL baseia-se em Matiz (Hue), Saturação e Luminosidade.
Como funcionam as harmonias de cores?
Seguem regras matemáticas no círculo cromático (opostos para complementares, vizinhos para análogas) para criar paletas visualmente equilibradas.
Porque é importante testar o contraste do texto?
Um contraste adequado entre o texto e o fundo é vital para a legibilidade e acessibilidade (conformidade WCAG) para utilizadores com deficiências visuais.
Posso copiar códigos de cores diretamente?
Sim, clicar em qualquer formato ou amostra de cor copia o código instantaneamente para a área de transferência.
A importância da teoria das cores e da conversão no web design
As cores evocam emoções, guiam a atenção do utilizador e definem a identidade da marca. Ter um conversor de cores preciso para HEX, RGB e HSL é essencial para integrar estilos corretamente no CSS.
A nossa ferramenta online vai além da simples conversão, calculando harmonias cromáticas baseadas na teoria das cores e testando o contraste do texto para garantir a acessibilidade web.
Ferramentas úteis para o trabalho
Escolha as utilidades necessárias para a resolução rápida de tarefas