Insights do código de cor #558033
Todas as conversões, harmonias e verificações de acessibilidade de que você precisa para projetar com confiança.
Conversão de Cores
Gere valores em vários modelos de cores num só lugar.
#558033
≈≈ Azul Aço
Cartões de cores de referência
Um ΔE mais baixo significa uma correspondência visual mais próxima
Matizes e sombras
Explore como #558033 se comporta quando misturada com branco ou preto. Estas amostras são perfeitas para estados de hover, sombras e fundos.
Passe o mouse para copiar qualquer valor hexadecimal e reutilizá-lo em sua interface.
Sombras
0–100%Matizes
0–100%Casos de uso comuns
- Estados de componentes de UI (hover, ativo, desativado)
- Criação de profundidade com sombras e destaques
- Construção de sistemas de cores consistentes
Sistema de design
Dica de sistema de design
Estas variações formam a base de uma paleta coesa. Exporte-as para manter marketing, produto e engenharia alinhados.
Harmonias de cores
Crie paletas equilibradas instantaneamente com harmonias geradas a partir de #558033.
Clique em qualquer amostra para abrir sua página de detalhes e continuar explorando.
Como usar
Escolha uma cor dominante e, em seguida, deixe que as tonalidades de suporte atuem como acentos para tipografia, superfícies e botões de chamada para ação.
Por que é importante
Harmonias equilibradas comunicam intenção — calma, energética, premium — sem sobrecarregar seu layout.
Complementar
Tonalidades opostas que criam impacto e contraste ousado.
Melhor para
CTAs de alto impacto, logotipos e seções hero
Análoga
Tonalidades vizinhas para gradientes naturais e fluidos.
Melhor para
Dashboards calmantes, inspirados na natureza
Triádica
Três tonalidades uniformemente espaçadas para um equilíbrio divertido.
Melhor para
Branding divertido e layouts editoriais
Tetrádica
Dois pares complementares que oferecem rica variedade.
Melhor para
Ilustrações e experimentos de marketing
Contraste de acessibilidade
Verifique a legibilidade de #558033 com cores de texto comuns para que cada visitante desfrute de uma experiência clara.
Use AA como linha de base para o corpo do texto e AAA para acessibilidade premium.
Formatos Técnicos
Desbloqueie espaços de cores profissionais como XYZ, LAB, variantes CMYK e perfis prontos para exportação.
Formatos Práticos
Obtenha simulações de impressão, mapeamentos de LED e ordens de bytes prontas para desenvolvedores.
Análise de Cores
Mergulhe em dados espectrais, relatórios de dominância e análises avançadas.
Simulador de Daltonismo
Pré-visualize como #558033 aparece em deficiências comuns de visão de cores.
Aspetos Criativos
Explore associações sazonais, sinais emocionais e ocorrências naturais.
Orientação de design
Equilíbrio
Trate #558033 como um destaque. Combine-a com neutros e uma tonalidade de suporte para evitar sobrecarga visual.
Contraste
Teste combinações com conteúdo real. Um contraste mais alto melhora a digitalização, a legibilidade e as conversões.
Harmonia
Use matizes mais claros para superfícies, a cor base para primárias e sombras mais escuras para estados de hover ou pressionado.
Precisa de outra cor?
Volte para o seletor de cores para carregar imagens, gerar paletas e explorar novas relações de cores.
Abrir seletor de cores